傳統的table布局與css布局 原創

2022-05-05 05:54:08 字數 257 閱讀 5277

傳統table布局方式利用了html的table元素所有的0邊框特性。由於table元素可以在顯示時,使得單元格邊框和間距被設定為0,即不顯示邊框,所以可將網頁中的各個元素按照版式劃分後,分別放入**的各個單元格中,從而實現了複雜的排版組合效果。

文字顯示  

css布局,採用div,div可以理解為圖層或者乙個塊。div功能僅僅用於將一段資訊給標記出來,用於後期的樣式定義。

目前流行的div+css,div考慮資料,css負責樣式,修改方便,操作簡單。

css傳統布局

1 position.1 position relative 相對定位.以自己所在位置為參考點.自己所在位置為 top 0 left 0 設定position relative 後,元素位置不變,而且會佔據自己所在位置.通過設定left,top,這兩個很常用 right,bottom,來改變元素所在...

CSS布局之display tables布局

首先來看看display table的相容性 可以看到,除非你還要跟ie6 7較勁,否則display table不需考慮相容性。接下來看看關於table的display可選值 還有一些協助屬性 下面是四個例項 公用css css table table table fixed table row ...

內聯框架與table布局

iframe內聯框架 1 iframe元素用來在文件中新增乙個內聯框架 2 iframe為body元素的子元素,必須放置在body中使用屬性值 描述src url在框架中需要顯示的內容 name id 任意值a標籤中的target值和 iframe標籤name的值一致 width number,pi...