一行显示,多出部分溢出
<div class="headline">LatestUpdate Apps</div>
.headline {
white-space:nowrap; /* 强制一行显示 */
overflow:hidden; /* 超出隐藏 */
text-overflow:ellipsis; /* 省略号 */
}
两行或多行
<text class="mess">Messenger - Text and Video Chat for Free</text>
.mess {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}