为了账号安全,请及时绑定邮箱和手机立即绑定

css布局怎么做这样的效果

css布局怎么做这样的效果

梦里花落0921 2018-10-16 16:18:24
商品名称里面,有时候是一行 有时候是两行。但是效果图距离上面的位置是固定的~~这样的效果是用定位来处理?还是判断商品名称的高度调整两个标签的margin?有没有好的方案trick?
查看完整描述

1 回答

?
LEATH

TA贡献1936条经验 获得超6个赞

你是想要行高吗?就是一行字也有上下间隔距离,两行字同样也有相同上下间隔?你给商品名称的那个元素给个line-height:xxpx;试试吧

补充:我才看明白楼主的意思:你是说当只有一行的时候,那个框框也有两行的高度对吧?那你就给那个框框设置一个固定高度啊(想要让高度可控,你就给盒子加一个行高属性,字体会居中,而且还好算盒子高度,比如你设置35px的行高,那么盒子就设置为70px(预留两行的高度)),再设置

white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; overflow:hidden;

类似的字体溢出隐藏处理就是了啊


查看完整回答
反对 回复 2018-11-08
  • 1 回答
  • 0 关注
  • 533 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信