css控制显示两行

作者: 一沭丶 | 来源:发表于2016-06-26 18:39 被阅读250次

.clamp2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

需要注意的是在调整的时候，会有可能出现两行的下面还有一点点多出来的第三行的文字，（没遇到的可以跳过）,这是因为font-size比line-height大,具体的还没有多研究，只需要把line-height的值设的比font-size大就好啦

css控制显示两行
需要注意的是在调整的时候，会有可能出现两行的下面还有一点点多出来的第三行的文字，（没遇到的可以跳过）,这是因为fo...
css文字两行显示，超出显示......
-webkit-box-orient: vertical;在vue,react中使用样式无效，因为autopref...
技巧总结
CSS控制文字只显示一行，超出部分显示省略号
CSS实现最多显示两行，超出显示...
.answer-body {font-size: 16px;color: $black-default;line-...
CSS设置超过两行显示...
overflow: hidden;text-overflow: ellipsis; // text-overfl...
CSS实现文本显示两行
需要说明的几个属性 text-overflow CSS[https://developer.mozilla.org...
处理css
官方例子通过style标签通过link引入css,不能指定路径通过useable控制样式显示 css tree...
css控制显示行数（转）
原文链接：http://www.daqianduan.com/6179.html控制显示行数虽然就三个属性，但是一...
v-if和v-show的不同
v-if和v-show都是控制显示和隐藏的，但是v-show使用过css样式display来控制显示和隐藏，这个标...
css3实现0.5px细线；div内显示1行/2行/3行，超出部
1.css3实现0.5px细线一、div内显示一行，超出部分用省略号显示二、div内显示两行或三行，超出部分用...