单行居中多行居左最多两行超过用省略号
<h2><p>单行居中,多行居左</p></h2>
p {
display: inline-block;
text-align: left;
}
h2{
text-align: center;
}
多行文本显示省略号详解。
<h2><p><em>单行居中,多行居左,最多两行超过用省略号<em></p></h2>
p {
display: inline-block;
text-align: left;
}
em {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
h2{
text-align: center;
}