Div Css及Table定位的優略

2025-01-10 05:55:19 字數 4663 閱讀 5606

1樓:網友

table解析方式不是太友好,先要載入table裡全部內容才進行顯示。

div是邊載入邊顯示。

所以table佈局建議不要超過3層巢狀,div可以無限巢狀不受影響。

2樓:網友

table 和div的比較可以去搜**重構。。

div+css與table+css的優缺點

3樓:網友

先談div+css佈局:

1、結構和樣式分離,結構更清晰,方便修改維護。

3、div+css是行業標準,是web發展的趨勢。

4、缺點是學習起來比較困難,而且當前的瀏覽器不太相容。

對於table+css佈局:

1、div+css佈局的優點都是table的缺點。

2、table+css佈局比較簡單,但是維護很困難。嵌入程式時也比不上div+css。

3、**式的資料顯示最好還是用table。(比如資料包表等)4、在必要時還可以用**。只要用的不是很多就行。(**有自身的優點)這是本人自己的一點見解。希望對你有用。

4樓:網友

先說發展:

div+css是方向。

div+css使得頁面佈局方便操作靈活,好的模型基本只修改css就實現頁面重新佈局了,頁面效果豐富,這裡的效果包括視覺效果和使用者體驗比如拖拉。

但是瀏覽器相容困難,需要把不同瀏覽器樣式都考慮進去。尤其firefox。。opera。。。

table+css是傳統,就是一直延續下來的,頁面視覺效果也能做,但是css比較複雜,寫好了也挺好看的,但是不靈活,排版改變難度大,使用者體驗也有,用了很多js,好像有個相關的**關於table的,我去找找,你記得管我要需要的話。

如果要是table套table再套table,那還是用div吧,好幾層table,tr再多的話寫的時候就會眼花繚亂。

總體來說綜合著用吧,先看需求。當然,我還喜歡看心情。嘻嘻。

5樓:網友

沒有啥不一樣,都差不多,table+css適合做軟體介面比較合適百分百,div+css個人覺得比較適合web**開發。

6樓:網友

缺點:需要考慮瀏覽器相容問題。

div+css和table

7樓:網友

div+css 和 table的區別其實有很多 我給你舉幾個常用的吧,用通俗電的話。

1.**:div+css的**比較簡潔不是很多,table的**很繁瑣,重複太多。

3.開啟速度:用div+css製作的網頁,及時是網速非常卡的時候,當開啟這個頁面的時候這個頁面會一點一點的出來的。

而table做的頁面,在網速非常卡時候,頁面開啟時開始會什麼也沒有,但是過了幾分鐘後,頁面一下會全部開啟。

table的優點:相容性比較不錯。

我也是做網頁製作的,有問題大家一起研究啊。

8樓:網友

這麼說吧div+css是一塊一塊的的,可以隨便更改主網頁的佈局!table雖然很好用,但是你要更改網頁佈局的話,就壓重新做乙個網頁!而div+css就可以動態更新資料!

像時事新聞,****啊!這些即時需要更新的東西用div比較好!table要改變整體佈局,比較div的工作量更大!

form是對話方塊形式的,它主要用來提交使用者的資訊,和註冊用的!在網頁佈局上不會起太大作用!

9樓:創作者

div+css用於網頁,控制標籤會比table靈活,修改也更簡單,**少,工作量比較低。

table 用於大量列表的時候會顯示它的長處,不需要太多的控制,起來也很輕鬆,但修改就很容易出錯,因為標籤實在是太多,容易亂。老一輩的都是用table來做網頁的。

div+css在某些情況下巢狀table也還是不錯的選擇,具體看**的結構。

10樓:翠雲峰—小閒

只是簡單的說下吧,頁面佈局,用div+css,迴歸talbe的本來用途,只放格式資料,不用來參與頁面佈局,**佈局已經淘汰,沒有為什麼,這是現實,想混口飯就學新的,就像asp和一樣,現在大家都在用div+css,有什麼優點,你可以看標準,總之一句話,表現與結構的分離,

11樓:網友

div+css用於網頁用起來靈活,修改也更簡單,**少,工作量比較低。

table **多亂,div+css的做起來更有條理性。

大家能談談css+div還有table麼?

12樓:網友

div+css是近幾年流行起來的一種新型網頁設計技術,各大門戶**紛紛採用。它主要運用div層來佈局網頁,用css樣式修飾層的表現形式,也就是我們通常所說的內容與形式分離,可以巢狀無數層都沒問題,這樣可以加快網頁開啟速度。但由於目前各個瀏覽器對w3c標準的執**況不同,div+css的相容性一直是個令網頁設計人員頭疼的問題。

而table是傳統的網頁設計技術,在許多情況下內容和形式是在一起的,設計起來較方便,所見即所得。但**巢狀的層數超過3層後開啟速度會較慢。用table佈局設計網頁,上手較快,適合於網頁初學者,或設計一些簡單的企業**、個人**時用。

總之,css+div與table這兩種網頁設計技術各有優缺點,並將長期並存。網頁設計人員可根據實際情況選擇使用哪種技術。

css+div與table+css的優勢比較?

13樓:網友

當時創造web的那個人也發明了用table佈局當table佈局氾濫之後。

然後他說:我創造了web也毀了web

table佈局會給乙個網頁帶來大量無意義的語句難以閱讀。

table是來幹什麼的,table是**,從來都不是用來佈局用的,現在我們要使table重新開始顯示它自己的意義:表示**資料。

所以table根本不應該用在網頁佈局上面。

而且css+div是一種表現與結構相分離的方法,這樣才能更加便於閱讀。對設計更有利。

14樓:網友

div+css主要是實現了樣式與內容的分離,這樣子有益於**的優化。

15樓:玩轉鍵盤

1.有利於**優化、公升級。

2.提公升網頁開啟速度。

當使用者開啟用div製作的網頁時 網頁內容分割槽載入顯示 而用table製作的網頁 要等整個table裡的內容全部載入完成 才一起顯示出來 所以開啟速度會很慢。

如何把table改成div+css

16樓:無憂網事

**是乙個多行多列的形式。一般一行中的列用span定義,一行用乙個div,從資料庫中取資料的話,也能用迴圈實現。

如何把table css換成div css

17樓:寶木日堯木南

沒必要非得用div啊,首先div的屬性不直觀,dw裡的可視性不好。

缺點是屬性不夠豐富、容易弄成絕對寬高。

但是你定義百分率不就行了?

另外div的css屬性雖然單個比較漂亮,但綜合管理不方便。

如果是沒有特殊要求,比如巢狀顯示的話,**比層更好用。

18樓:網友

table跟div+css的思維差不多,就是有些語法和引數的設定不同,修改這麼一段不難,但是其他的部分仍然要你自己去改啊,所以自己慢慢摸索吧。

19樓:網友

=.這個讀出來的資料顯示到前臺? 用table沒有壞處啊。

把裡面的樣式去掉 用css表現就行了。

用div+css+table好嗎?

20樓:橘子情報局

xhtml+css設計本身就是潮流。

如果拿table來佈局那麼就不好了,如果拿table來顯示資料,那麼這個是正常的,table本身不是佈局用的,而是顯示資料用的。

div+css比table有什麼優勢

21樓:網友

**簡潔,資料載入少,網頁的顯示速度會比較快,特別是對於比較複雜的和龐大的頁面,用div+css佈局的能夠大大減少網頁檔案的大小,使用者體驗好。 。這是乙個方面。

另外乙個方面乙個好的div+css的頁面也更符合w3c的標準;

其次還有一點非常重要,div+css佈局的頁面比table佈局的頁面後期維護的成本要低很多,div+css佈局的網頁後期可以通過簡單修改css檔案即可呈現出一種全新的頁面風格,而這一些只需要修改了css檔案而已,不會再去動到頁面本身的任何**,如果是table佈局是沒辦法完全做到這樣一點的。

這個最好最經典的例子當然是 「css禪意花園」

22樓:匿名使用者

一、樣式和內容分離,**可重用性高。

二、後期的維護性高,而且有更好的使用者體驗。

三、佈局十分靈活,網頁的載入速度比較快。

23樓:網友

**簡潔,資料載入少,網頁的顯示速度會比較快,使用者體驗好。div更容易排出美觀的頁面。

24樓:網友

1.可以使樣式分離出來,**可複用性高,可維護性高2.樣式多樣,有更好的使用者體驗。

3.佈局十分靈活,能與js,flash,等更好的融合4.這ui發展的乙個方向,table早淘汰了。

DIV CSS佈局的問題(相對和絕對定位)

div css居然不用position?是隨便看些div css的頁面,檢視一下原始檔不就知道了?元素為relative時,如果它沒有父級,則參照body定位,子元素為absolute時,參照父級定位.所以,用得多的方法是 父元素相對,子元素絕對 定義標籤的時候需要不需要 position rela...

JQuery怎麼獲取動態table的某行某列的值

function 希望對你有幫助。嗯 根據lz的 不太理解輸出效果,不過我修改了部份原始碼試了一個方法,lz 你就看看唄var shtml for var i 1 i 3 i var item testing shtml shtml item.effective date shtml item.pj...

利用jquery怎麼遍歷table中的一列

東西這個我得說下了。先獲得你拖動的那裡列的tr 然後jquery 裡面有個相當好用的方法 nth child 你自己可以去琢磨琢磨。nth child 返回值 array概述匹配其父元素下的第n個子或奇偶元素 eq index 只匹配乙個元素,而這個將為每乙個父元素匹配子元素。nth child從1...