當前位置:成語大全網 - 漢語詞典 - CSS樣式如何控制強制換行?

CSS樣式如何控制強制換行?

css文本的強制換行方法使用自動換行屬性。

默認情況下,如果文本內容超過了div塊的寬度,將會發生自動換行,因為div塊的空白屬性的默認值是normal。但是也有兩種情況:

1.如果div塊中有壹個文本內容字符串,當達到div塊的寬度限制時,它會自動換行。

2.如果div塊中有壹串不帶空格的字母或數字,則不會改變,而是直接溢出div塊。這時候就要考慮css文本的強制換行了。

CSS樣式如何控制文本的強制換行?

這時候就需要使用自動換行屬性,另外壹個屬性word-break也可以解決換行問題,但是它的瀏覽器兼容性不好,還可能導致其他問題,所以這裏不推薦。

自動換行的break-word屬性值會導致換行。壹般來說,如果壹個單詞很長,行尾沒有足夠的空間容納這個單詞,就會導致斷行,而不是截斷壹個單詞,word-break的break-all屬性值可以截斷壹個單詞。

& lt風格?type="text/css " >

。第壹

{

寬度:120 px;

高度:60px

邊框:1px?固體?藍色;

自動換行:斷字

}

。第二

{

寬度:120 px;

高度:60px

邊框:1px?固體?紅色;

斷字:全斷;

}