Div CSS教程:html中的換行造成空格問(wèn)題的探討_Div+CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
Div CSS教程:html中的換行造成空格問(wèn)題的探討
對(duì)于html內(nèi)置的內(nèi)聯(lián)級(jí)標(biāo)簽以及表單元素標(biāo)簽,源代碼中連續(xù)幾個(gè)內(nèi)聯(lián)級(jí)標(biāo)簽中的換行在瀏覽器中會(huì)被解釋為一個(gè)空格。
包括ie和ff。而這個(gè)空格是會(huì)被當(dāng)作一個(gè)空白節(jié)點(diǎn)(nodeType等于3的節(jié)點(diǎn),就是文字節(jié)點(diǎn))。
對(duì)于html內(nèi)置的塊級(jí)標(biāo)簽使用了display:inline;則沒(méi)上述問(wèn)題。
對(duì)于html內(nèi)置的塊級(jí)標(biāo)簽之間的換行,ff會(huì)當(dāng)作一個(gè)空白節(jié)點(diǎn)(用js可以獲取到),ie則會(huì)忽略掉這個(gè)換行。
這個(gè)換行在ie和ff的頁(yè)面上并無(wú)任何影響,不會(huì)出現(xiàn)空格。
PS:短了點(diǎn),資料保存,預(yù)備參考。:)
對(duì)于html內(nèi)置的內(nèi)聯(lián)級(jí)標(biāo)簽以及表單元素標(biāo)簽,源代碼中連續(xù)幾個(gè)內(nèi)聯(lián)級(jí)標(biāo)簽中的換行在瀏覽器中會(huì)被解釋為一個(gè)空格。
包括ie和ff。而這個(gè)空格是會(huì)被當(dāng)作一個(gè)空白節(jié)點(diǎn)(nodeType等于3的節(jié)點(diǎn),就是文字節(jié)點(diǎn))。
對(duì)于html內(nèi)置的塊級(jí)標(biāo)簽使用了display:inline;則沒(méi)上述問(wèn)題。
對(duì)于html內(nèi)置的塊級(jí)標(biāo)簽之間的換行,ff會(huì)當(dāng)作一個(gè)空白節(jié)點(diǎn)(用js可以獲取到),ie則會(huì)忽略掉這個(gè)換行。
這個(gè)換行在ie和ff的頁(yè)面上并無(wú)任何影響,不會(huì)出現(xiàn)空格。
PS:短了點(diǎn),資料保存,預(yù)備參考。:)
/所屬分類:Div+CSS教程/更新時(shí)間:2008-06-05
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
- 加入收藏夾代碼(兼容多個(gè)瀏覽器)
- CSS初學(xué)者技巧:談CSS的標(biāo)準(zhǔn)和最佳示例
- DivCSS教程:DTD(文檔類型)影響margin實(shí)現(xiàn)居中的分析
- 如何規(guī)范的對(duì)CSSsel
- 酷:你的標(biāo)記你作主,自定義標(biāo)記網(wǎng)頁(yè)布局!
- absolute與relative如何區(qū)分怎么用?
- 為什么點(diǎn)擊一次后hover樣式失效了?
- position:relativeabsolute無(wú)法沖破
- XHTML引入CSS樣式有哪些方式?
- DIV CSS的XHTML代碼結(jié)構(gòu)淺談-不要真DIV CSS了
猜你也喜歡看這些
- CSS實(shí)例教程:紅藍(lán)炫CSS橫向菜單
- CSS基礎(chǔ)實(shí)例:CSS實(shí)現(xiàn)帶背景圖片的文字鏈接的方法
- CSS菜單:由CSS滑動(dòng)門技術(shù)實(shí)現(xiàn)的菜單十一款
- JS顯示網(wǎng)頁(yè)最后更新時(shí)間
- CSS布局教程:如何用CSS構(gòu)建圖片、文字混排的產(chǎn)品展示?
- CSS布局實(shí)例:僅一張圖片實(shí)現(xiàn)圓角!
- CSS圖片放大展示的一種小思路
- Div CSS實(shí)例:如何用CSS實(shí)現(xiàn)背景半透明效果
- DIV CSS布局入門示例(三)頁(yè)面頂部制作
- 鼠標(biāo)指住(hover)變色的按鈕演示demo
- 相關(guān)鏈接:
- 教程說(shuō)明:
Div+CSS教程-Div CSS教程:html中的換行造成空格問(wèn)題的探討。