SOURCE

<div>
	<h2><p>单行居中</p></h2>
	<h2><p>我有很多字，变成了多行，此时居左显示。</p></h2>
    
    <h3>我这里有超多的字，所以我让超过了两行使用省略号显示。</h3>
</div>

*{
    margin: 0;
    padding: 0;
}
div {
    width: 200px;
    height: 200px;
    background: #ddd;
    padding: 10px;
}
h2 {
    text-align: center;
    margin-bottom:20px;
}
p {
    display: inline-block;
    text-align: left;
}

h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}