1. 程式人生 > >CSS white-space normal nowrap強制同一行內顯示所有文字不換行

CSS white-space normal nowrap強制同一行內顯示所有文字不換行

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與否都會被
強制換行。