CSS中的英文單詞(例如padding、margin等)在排版時往往會出現(xiàn)不舒服的布局問題,一個常見的問題就是英文單詞被斷開,造成排版混亂。這時我們可以采用下面的方法避免這種情況。
.example { word-break: keep-all; }
在上述代碼中,我們使用了word-break屬性,并將它的屬性值設(shè)置為keep-all。這個屬性值的作用就是讓單個單詞不會被斷開,這樣就能夠保證英文單詞的完整性。
另外,如果你想完全關(guān)閉英文單詞的斷開,可以使用下面的代碼:
body { word-wrap: normal; }
在上述代碼中,我們使用了word-wrap屬性,并將它的屬性值設(shè)置為normal。這個屬性值的作用就是讓整個單詞不會被斷開,即使它很長,也不會影響頁面的排版。
除了使用上述屬性外,還可以使用一些其他的方法避免英文單詞被斷開,例如在單詞中加入空格或使用等標記。No More Word Breaking!
上一篇java重載和重寫的差異
下一篇css控制div是否顯示