CSS删除最后溢出行

时间:2016-06-29 08:18:32

标签: html css twitter-bootstrap-3

我已经尝试省略号,但它不起作用

    client.print(data.c_str());
    client.flush();

http://codepen.io/putrafajar/pen/XKMxEq

enter image description here

1 个答案:

答案 0 :(得分:1)

text-overflow: ellipsis仅适用于一行文字。

对于多行文字,您可以根据需要使用建议的方法here

这里有一个可能的用法:

.collection-item-text {
  max-height: 120px;
    overflow: hidden;
  width: 250px
    font-size: 13px;
    font-weight: 300;   
    color: #404d57;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

希望它有所帮助。 西蒙