默認情況下,如果文本內容超過了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?固體?紅色;
斷字:全斷;
}