亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS中的display:table屬性怎么使用

發布時間:2022-04-26 15:55:00 來源:億速云 閱讀:308 作者:iii 欄目:大數據

這篇文章主要介紹“CSS中的display:table屬性怎么使用”,在日常操作中,相信很多人在CSS中的display:table屬性怎么使用問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”CSS中的display:table屬性怎么使用”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

CSS display:table屬性

當IE8發布時,它將支持很多新的CSS display屬性值,包括與表格相關的屬性值:CSS display:table、 CSS display:table-row和CSS display:table-cell,它也是***一款支持這些屬性值的主流瀏覽器。它標志著復雜CSS布局技術的結束,同時也給了HTML表格布局致命一擊。最終,使用CSS布局來制作出類似于table布局的柵格將會變得十分迅速和簡單。

使用CSS表格

CSS表格能夠解決所有那些我們在使用絕對定位和浮動定位進行多列布局時所遇到的問題。例如,“CSS display:table;”的CSS聲明能夠讓一個HTML元素和它的子節點像table元素一樣。使用基于表格的CSS布局,使我們能夠輕松定義一個單元格的邊界、背景等樣式,而不會產生因為使用了table那樣的制表標簽所導致的語義化問題。

在深入了解這種方法之前,讓我們先來寫份HTML文檔實例:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlnshtmlxmlns=http://www.w3.org/1999/xhtmllang="en-US"> <head> ?HTMLheadcontent&hellip;  </head> <body> <dividdivid="wrapper"> <dividdivid="header"></div> <dividdivid="main"> <dividdivid="nav"> ?navigationcolumncontent&hellip;  </div> <dividdivid="extras"> ?newsheadlinescolumncontent&hellip;  </div> <dividdivid="content"> ?mainarticlecontent&hellip;  </div> </div> </div> </body> </html>

這份HTML源代碼滿足了內容呈現方面的要求。先是導航欄,然后是附加欄,***是內容欄。我們同樣需要將以下CSS樣式應用上去:

#main{  display:table;  border-collapse:collapse;  }   #nav{  display:table-cell;  width:180px;  background-color:#e7dbcd;  }   #extras{  display:table-cell;  width:180px;  padding-left:10px;  border-right:1pxdotted#d7ad7b;  }   #content{  display:table-cell;  width:380px;  padding-left:10px;  }

到此,關于“CSS中的display:table屬性怎么使用”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

香河县| 肇州县| 双柏县| 新绛县| 杨浦区| 林州市| 绥棱县| 新安县| 房山区| 白银市| 景东| 绵阳市| 寿阳县| 德令哈市| 开江县| 东辽县| 华亭县| 凤城市| 黄平县| 彰化市| 巩义市| 贞丰县| 潼关县| 闻喜县| 商水县| 三原县| 乌鲁木齐市| 孟州市| 伊川县| 屏南县| 来凤县| 莒南县| 兰西县| 肥乡县| 巴楚县| 潮安县| 靖江市| 西盟| 永定县| 门头沟区| 贵阳市|