在CSS中,我們經(jīng)常使用p標(biāo)簽來定義段落,同時也會涉及到英文自動換行的問題。這時,我們可以使用CSS中的white-space屬性來解決這個問題。具體實現(xiàn)方法如下:
在CSS中定義一個包含white-space屬性的類,如下所示:
.code { white-space: pre-wrap; }然后,在HTML中我們可以給需要換行的文本加上這個類,如下所示:
通過這樣的方式,我們就可以讓這些文本在達到一定寬度時自動進行換行,而不會影響布局。值得注意的是,如果我們不加white-space屬性,英文單詞就有可能被截斷,導(dǎo)致閱讀困難。因此,對于這個問題,需要特別注意。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in mauris diam. Nulla facilisi. Nam scelerisque ornare turpis, vel vulputate leo auctor sit amet. Ut vitae sollicitudin arcu. Sed lacinia lorem at turpis sollicitudin, a lacinia sapien faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce vel magna dui.