文本對齊方式設計，使用HTML和CSS省略號

Question

Example Link

有兩種方案（注：相同的HTML和CSS應該對兩個方案工作）

1）當我有較少的文本，然後文本已以適應div的中間。

2）當我有一個大文本，那麼必須從第一行的div和省略號開始，但應該是響應。

Answer 1

試試這個：

display: block; 
    /* Fallback for non-webkit */ 
    display: -webkit-box; 
    text-align: center; 
    max-width: 400px; 
    height: 109.2px; 
    /* Fallback for non-webkit */ 
    margin: 0 auto; 
    font-size: 26px; 
    line-height: 1.4; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis; 

編號：http://codepen.io/martinwolf/pen/qlFdp