a。用**做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感嘆號(!!!)把網頁就撐開的現象:(
總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。
table
td(word-break: break-all; word-wrap:break-word;)
注釋一下:
1.第一條table,此樣式可以讓**中有!!!(感嘆號)之類的字元時自動換行。
2.td,一般用這句這ok了,但在有些特殊情況下還是會撐開,因此需要再加上後面一句(word-wrap:break-word;)就可以解決。此樣式可以讓**中的一些連續的英文單詞自動換行。
b。一般來說,用我們不用word-break:break-all;
這個不好,他把英文單詞不管三七二十一給弄斷了,影響閱讀。
一般來說在blog等系統中,我們要用word-wrap:break-word來代替word-break
有什麼好處呢?
word-wrap:break-word不僅可以把超級長的英文單詞截斷,還可以根據空格區分英文單詞,保持它的可讀性。
另外上述兩個屬性ff下不起作用。要用js實現。
——css3趕快出ba~~~
網頁中自動換行問題
用 做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感嘆號 把網頁就撐開的現象 總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下 1.第一條tab...
網頁中自動換行問題 zz
用 做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感嘆號 把網頁就撐開的現象 總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下 1.第一條tab...
網頁內容自動換行
在預設情況下網頁是不自動換行的,如果字元很長的話,就會使網頁變型,因為它是通過絕對長度來控制的,其實只要在 控制中新增一句 就ok完整的是 style table layout fixed word break break all word wrap break word word break br...