div css nowrap標記設定不自動折行

阿新 • • 發佈：2018-11-08

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

div+css - nowrap標記設定不自動折行

[IE的相關文件]

http://msdn.microsoft.com/en-us/library/ms534196(VS.85).aspx

[HTML3.2版本中有效]

http://www.w3.org/tr/rec-html32.html

[HTML4.0中反對使用]

http://www.w3.org/TR/1998/REC-html40-19980424/struct/tables.html#adef-nowrap

http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/level-one-html.html#ID-62922045

[div+css - 關鍵詞]

div css

[div+css - 工具]

InternetExplorer Developer Toolbar,http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

The W3C Markup Validation Service:, http://validator.w3.org/

微軟印刷技術 - 自由字型資訊, TrueType, OpenType, ClearType:, http://www.microsoft.com/typography/default.mspx

微軟印刷技術 - WEFT 3網頁嵌入字型3, http://www.microsoft.com/typography/WEFT.mspx

微軟印刷技術 - WEFT 3 - 網頁嵌入字型3 - 下載, http://www.microsoft.com/typography/web/embedding/weft3/download.aspx

微軟印刷技術 - WEFT 3 - 網頁嵌入字型3 - 嚮導, http://www.microsoft.com/typography/web/embedding/weft3/wizard.aspx

微軟印刷技術 - WEFT 3網頁嵌入字型3 - Wizard嚮導 - Create font objects建立字型物件,http://www.microsoft.com/typography/web/embedding/weft3/wizard.aspx#create

微軟印刷技術 - WEFT 3網頁嵌入字型3 - Wizard嚮導 - Fonts to embed待嵌入字型,http://www.microsoft.com/typography/web/embedding/weft3/wizard.aspx#embed

[div+css - 常見問題]

較驗div+css格式，http://validator.w3.org/
div+css的margin縮寫方式
div+css的padding縮寫方式
連結的:link,:visited,:hover,:active四種狀態

div+css使用backgroundRepeat樣式設定背景圖片的顯示方式, http://msdn2.microsoft.com/en-us/library/ms530721.aspx

page-break-before設定列印分佈符

url()指示符, http://www.w3.org/TR/CSS21/syndata.html#value-def-uri

!important規則, http://www.w3.org/TR/CSS21/cascade.html#important-rules

table中直接輸入的文字和其他標記設定不同的顏色

CSS標準中級聯的文件, http://www.w3.org/TR/CSS21/cascade.html#cascade

[div+css - Firefox和IE瀏覽器相容問題]

水平居中，Firefox使用margin-left: auto; margin-right: auto; IE6 使用text-align: center;
垂直居中，Firefox中使用display: table-cell; vertical-align: middle;可以實現div垂直居中，而IE6中則需要藉助IE6中css的特點實現垂直居中。
!important標記，Firefox支援!important標記，IE6忽略!important標記，!important需要放在前面才能起作用
手形滑鼠指標，使用cursor: pointer;
padding的尺寸，在Firefox中padding是計算在width之外的，而IE6是計算在width之內的
margin的尺寸，在IE6中帶有float樣式的元素的margin尺寸計算有誤，需要藉助padding和!important標記實現相容

使用word-wrap設定自動折行, 僅對IE有效

<li style="overflow:hidden">在Firefox下會丟失左側的圓點

Internet Explorer的CSS參考資料, http://msdn2.microsoft.com/en-us/library/ms531209.aspx

用CSS實現cellSpacing屬性效果, border-spacing: 10px; border-spacing: expression(this.cellSpacing=10);

padding-right在IE6下導致抖動