CSS white-space normal nowrap強制同一行內顯示所有文字不換行
阿新 • • 發佈:2019-02-08
1.多用於標題的字數很多 ,但不想換行 為了隱藏超出的部分 就用overflow:hidden樣式。
1、white-space語法: white-space : normal nowrap
2、white-space引數:
normal : 預設處理方式
nowrap : 強制在同一行內顯示所有文字,直到文字結束或者遭遇br標籤物件才換行。DIVCSS5推薦使用white-space:nowrap強制不換行。
3、white-space說明: white-space設定或檢索物件內文字顯示方式。通常我們使用於強制一行顯示內容
通常我們使用white-space:nowrap強制文字文字內容不換行,在物件內一行顯示完所有文字內容。
css程式碼:
<style>
div{ width:120px; height:60px; line-height:20px}
.divcss5{ white-space:nowrap}
</style>
html程式碼:
<div class="divcss5">內容將在一行內強制顯示完整</div>
<div class="divcss5">內容使用br換行<br />
將會不被<br />換行顯示</div>
總結:
為了讓文字內容在一行內顯示完,哪怕寬度不夠也不能換行,我們可以使用white-space樣式。
但如果遇到了html br強制換行標籤,無論是設定white-space與否都會被
強制換行。