一行居中,两行居左
<style>
h2 {
text-align: center;
}
p {
display: inline-block;
text-align: left;
}
</style>
<h2>
<p>我是单行我要居中</p>
<p>我是多行我要居左我是多行我要居左我是多行我要居左</p>
</h2>
一行居中,两行居左,超过两行省略
<style>
body {
width: 375px;
}
h2 {
text-align: center;
}
p {
display: inline-block;
text-align: left;
}
span {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>
<h2>
<p><span>我是单行我要居中</span></p>
<p><span>我是多行我要居左我是多行我要居左我是多行我要居左我是多行我要居左我是多行我要居左我是多行我要居左</span></p>
</h2>