1樓：匿名使用者
1.你定死**的寬度，即給**乙個寬度值(是數值，不是百分比)
2.強制不換行
div自動換行
div強制英文單詞斷行
div3.總結了一下，只要在css中定義了如下句子，可保網頁不會再被撐開了。
table
td(word-break: break-all; word-wrap:break-word;)
注釋一下：
1.第一條table，此樣式可以讓**中有!!!(感嘆號)之類的字元時自動換行。
2.td，一般用這句這ok了，但在有些特殊情況下還是會撐開，因此需要再加上後面一句(word-wrap:break-word;)就可以解決。
此樣式可以讓**中的一些連續的英文單詞自動換行。
(1)語法：
word-break : normal | break-all | keep-all
引數：normal : 依照亞洲語言和非亞洲語言的文字規則，允許在字內換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文字行的任意字內斷開。該值適合包含一些非亞洲文字的亞洲文字
keep-all : 與所有非亞洲語言的normal相同。對於中文，韓文，日文，不允許字斷開。適合包含少量亞洲文字的非亞洲文字
(2)語法：
word-wrap : normal | break-word
引數：normal : 允許內容頂開指定的容器邊界
break-word : 內容將在邊界內換行。如果需要，詞內換行(word-break)也行發生
說明：設定或檢索當當前行超過指定容器的邊界時是否斷開轉行。
對應的指令碼特性為word-wrap。請參閱我編寫的其他書目。
(3)語法：
table-layout : auto | fixed
引數：auto : 預設的自動演算法。布局將基於各單元格的內容。**在每一單元格讀取計算之後才會顯示出來。速度很慢
fixed : 固定布局的演算法。在這演算法中，水平布局是僅僅基於**的寬度，**邊框的寬度，單元格間距，列的寬度，而和**內容無關
說明：如何讓**自動換行?
設定或檢索**的布局演算法。
對應的指令碼特性為tablelayout。
4.按照網上大多數文章的說法，只要在css中加入：
**..........
code:
table
div就可以解決**和層被撐破，最初我也是這樣做的。不過這樣的**會造成乙個問題，你會發現英文詞全部被截斷了，這不符合英語的書寫習慣也不利於閱讀。
後來我發現上述**改寫一下就可以做到既防止**/層撐破又防止單詞斷裂了。
如下：**
code:
tablediv
2樓：爺呮手遮天
在編輯器裡面一般都有，編輯這個選項，裡面有自動換行選項，裡面能選多少個字元自動換行。
1、文字會視容器的寬度自動換行。
2、一般都是用限制寬度來控制的，設定固定寬度，溢位為隱藏，這樣就可以達到自動換行的目的。
3、在table中加入style=＂table-layout:fixed;＂在td中加入style=＂word-break : break-all;overflow:
hidden;＂。
4、正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的 white-space:normal ,當定義的寬度之後自動換行。
3樓：匿名使用者
自動換行問題，正常字元的換行是比較合理的，而連續的數字和英文本元常常將容器撐大，讓人頭疼，以前在遠標學過是如何實現換行的方法：
對於div,p等塊級元素
正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的 white-space:normal ,當定義的寬度之後自動換行
html:
div 正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義/div
css:
#wrap
1.(ie瀏覽器)連續的英文本元和阿拉伯數字,使用word-wrap : break-word ;或者word-break:break-all;實現強制斷行
#wrap
或者#wrap
html:
div
/div
效果：可以實現換行
2.(firefox瀏覽器)連續的英文本元和阿拉伯數字的斷行,firefox的所有版本的沒有解決這個問題,我們只有讓超出邊界的字元隱藏或者,給容器新增滾動條
html5簡單問題，如何不換行？
4樓：維灣教育培訓
1、強制不換行，同時以省略號結尾。
你好朋友朋友朋友我為什麼不能看到效果啊
2、css自動換行
div3、css強制英文單詞斷行
div若是div巢狀，要使內層div根據內容自動換行，則可只設定外層的div寬，和 white-spance:nowrap即可。
word-break:break-all和word-wrap:break-word都是能使其容器如div的內容自動換行
它們的區別就在於：
1，word-break:break-all 例如div寬200px，它的內容就會到200px自動換行，如果該行末端有個英文單詞很長（congratulation等），它會把單詞截斷，變成該行末端為conra(congratulation的前端部分)，下一行為tulation（conguatulation）的後端部分了。
2，word-wrap:break-word 例子與上面一樣，但區別就是它會把congratulation整個單詞看成乙個整體，如果該行末端寬度不夠顯示整個單詞，它會自動把整個單詞放到下一行，而不會把單詞截斷掉的。
5樓：幻想武士
因為h標籤是標題標籤，預設是一行顯示的。
你可以這樣：
ulli
6樓：匿名使用者
建議先給這個header加個id，以免在style裡與其它的header（比如article的）衝突，例如
然後在style裡寫
#top-header img,
#top-header img h1
祝愉快！
html5好學嗎，HTML5好學嗎？？
學html5相對來說還是簡單的，選擇培訓機構的時候需要深度了解一下機構的口碑 師資 就業 課程 費用等等方面的情況，多對比幾家機構，希望你能找到好的html5培訓機構。自學的話可以看看系列課程，可以有順序 有目的的去學習每乙個階段，推薦你乙個課程，此課程系列講很多前端程式知識，風趣幽默，每節課15 ...
html5主要包括哪些技術，HTML5主要包括哪些技術？
隨著移動網際網路的飛速發展，目前html5技術也得到了不斷的完善，開發技術方面越來越成熟了，成為了目前主流的開發語言之一。html5的特性在五個方面體現的淋漓盡致 1 語義特性 html5賦予網頁更好的意義和結構。3 裝置相容 html5提供了前所未有的資料與應用接入開放介面。使外部應用可以與瀏覽器...
自學HTML5書籍，自學HTML5推薦書籍
初學者入門 書籍抄 中文電子書襲 深入淺出html pdf中文版 魅麗的網頁設計 web程式設計 第5版 完整版 html xhtml 權威指南 英文 中文版 web程式設計入門經典 html xhtml和css 第2版 css商業 布局之道 朱印巨集著 html與css入門經典 第7版 學習htm...