網(wǎng)站制作NEWS
css 怎么在ul里面的li 的文字如何讓它折行
加上如下的CSS設(shè)置,就是設(shè)定好寬度width,然后設(shè)置合適的word-wrap和word-break屬性:
ulli{width:100px;
word-wrap:break-word;
word-break:break-all;
white-space:normal;
}
ul里面的li折行其實跟其他塊狀(block)元素的折行都是一樣的。以下是相關(guān)的CSS屬性:
word-warp 屬性設(shè)置如何處理單詞的折行,可以取的值有
word-wrap: normal | break-word
word-break 屬性設(shè)置如何處理單詞折斷,僅支持IE,可以取的值有:
word-break: normal | break-all | hyphenate
white-space 屬性設(shè)置如何處理元素內(nèi)的空白。可以取的值有:
white-space: normal | nowarp | pre | pre-line | pre-warp | inherit
經(jīng)測試對中文也有效。
多重隨機(jī)標(biāo)簽