文本省略:
通常在頁面有限區(qū)域要顯示較多內(nèi)容的時候,可以使用文本省略咏尝。
使用text-overflow:ellipsis;配合white-space:nowrap抬吟、overflow:hidden屬性一起使用归薛,可以代替文本截取函數(shù)嗡靡。這樣做的最大有點是有助于搜索引擎的搜索。
單行文本省略css
word-wrap:
word-wrap屬性實現(xiàn)長單詞與URL地址的自動換行病线。word-wrap屬性有兩個值:
normal:瀏覽器默認值吓著,瀏覽器只在半角空格或連字符的地方進行換行,長文本和URL地址都會超出容器的邊框送挑。
break-word:將內(nèi)容在邊界內(nèi)換行(行末不會截斷英文單詞換行绑莺,但是當一行的寬度比長文本或者URL的長度短時,會被截斷成兩行或多行顯示)惕耕。
中文都會自動換行纺裁。
word-break:
word-break用來決定自動換行的處理方法,共有三個值:
normal:中文到邊界上的漢字換行司澎,英文從整個單詞換行欺缘;
break-all:可以強制截斷英文單詞,達到詞內(nèi)換行的效果挤安。
keep-all:不允許字斷開谚殊,中文把前后標點符號內(nèi)的一個漢字短語整個換行,英文單詞整個換行蛤铜;