給定寬度（即塊級(jí)元素）的標(biāo)簽，內(nèi)容過多時(shí)會(huì)自動(dòng)換行顯示
內(nèi)容過多時(shí)自動(dòng)換行
怎樣才能單行顯示呢？
在標(biāo)簽上添加以下代碼即可解決：
white-space: nowrap;
沒有換行，但是給定寬度的文字超長后溢出
單行文本中，給定寬度的文字超長后會(huì)溢出
在標(biāo)簽上添加以下代碼即可解決：
overflow: hidden;
text-overflow: ellipsis;
此時(shí)，需要顯示單行內(nèi)容的標(biāo)簽中超出的文字就會(huì)顯示成 “...” 了。
單行文字超長后顯示成 ...
弊端：只能顯示單行文字。
#思考：如果需求是顯示多行文字呢？文字過多怎么辦？
在標(biāo)簽上添加以下代碼即可解決：
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box; /*下面三條缺一不可 可以生成 '...' 主要針對(duì)谷歌瀏覽器 */
-webkit-line-clamp: 2;//表示行數(shù)
-webkit-box-orient: vertical;//表示縱向
此時(shí)，指定行數(shù)后的多余文字就替換成“...” 了。
第二行文字后都替換成 ... 了 ????乛?乛????
