CSS 日常摘记
CSS字体过长显示省略号
- 单行
div{
overflow:hidden; //隐藏文字
text-overflow:ellipsis; //显示 ...
white-space:nowrap; //不换行
width:100px;
}
- 如果想在第二行或者其他行显示省略号,而非第一行,则:
div{
overflow:hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2; //在第几行显示...
display: -webkit-box;
-webkit-box-orient: vertical;
width:100px;
}