網頁中自動換行的問題

2021-04-13 07:02:19 字數 611 閱讀 6015

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...