table中如何用css控制《tr》《td》的寬度和高度

2021-03-05 19:10:13 字數 1959 閱讀 3065

1樓:小笑聊情感

1、首先給table標籤新增css : table-layout:fixed;這裡是為了讓整個table有一個自己寬度,而不是讓table自己隨著自己

2樓:匿名使用者

給table設定一個mian

**如下

.main td的意思是指定

main類下的td,同理也可以指定tr

這樣的做法只能針對了設定main類的**,若是想要所有的**都是同一個高度樣式可以這樣寫

注意的是table前不要加點,因為他不是類名,而是html元素

關於html中table**tr,td的高度和寬度

1、table中的width和height設定及其作用:table中設定的height其實是設定個最小值,也就是當**中的內容或者行高總值超過這個設定值時,會自動延長**的height值,當**中的內容或者行高沒有達到這個值時,會自動擴大到這個值。table中設定的width值一般為**寬度的最大值,不能改變,即使內部的內容寬度超過也不能改變。

(這個內部內容如果是**的話是可以改變**寬度的。)

2、tr標籤中width和height設定及其作用:tr標籤裡面的width設定不起任何作用,因為從第一點可以看出,**的width是不能改變的,tr標籤當然就不起作用了。所以在tr中只有討論height設定的可能了,tr中的height設定和幾個tr之間的設定有關。

當幾個tr都設定了height的具體數值時,各個tr的height按照設定的值的比例來分配總的height值,注意這裡說的是總的height值。

當幾個tr都沒有設定height具體值時,平均分配總的height值。當有的tr設定了具體的數值,有的沒有設定具體的數值為預設時,先保證各個tr的基本需要,剩下的再滿足設定了具體值的tr,之後再全部給沒有設定具體值的tr。

最後一種情況還要考慮總的寬度不夠tr總的設定值的情況,不夠的話要滿足tr的基本需要,這裡會自動延長**的height的。然後再考慮設定了height的tr,最後考慮沒有設定height的tr。

3、td標籤中width和height設定及其作用:td標籤裡面的width和height都是起作用的。先看td的width吧,某一個td的width是和所處的一列每個td的width都相關的,取其中最大的width作為這一列中每個td的width,這點是讓我們最混淆的地方,一定要從全域性把握某個td的width,不能從這一個的width設定就斷言它的寬度就是多少,這樣是不準確的。

3樓:黑白say晚安

單獨的一個table的高度,**如下:

.main td的意思是指定main類下的td,同理也可以指定tr。這樣的做法只能針對了設定main類的**。

如果想要所有的table都是同一個高度樣式可以這樣寫:

4樓:兔丞飛

table中控制

>的寬度和高度的**:

擴充套件資料〈table〉...〈/table〉 - 定義**〈th〉 - 定義表頭 defines a table header〈tr〉 - 定義錶行 defines a table row〈td〉 - 定義表元(**的具體資料) td stands for "table data," defines a table cell.

〈table border cellspacing=#〉

5樓:回憶

table中用css控制>的寬度和高度,首先我們需要給tr和td一個style,然後通過這個style來控制它的width和height就可以了,這裡通過具體的**來理解:

我i是測試文字

這樣就實現了對tr和td的控制。

6樓:匿名使用者

給tr或者td一個id值:比如id='t1'

css中使用 #t1 來控制高度和高度

7樓:劉貴慶

舉例:view:

如何用css控制div在頁面中的位置

css中的position property一共有四種 postion static postion relative position fixed position absolute 如果設定div為static postion,div的位置將不受top,right,left,button等變數的...

如何用jquery獲取table指定行中指定列的數值

next 是取同輩元素,不是去子元素的 以上三個都能取到第三行第五列 不是eq的問題,最簡單的辦法 jquery怎麼獲取動態table的某行某列的值 function 希望對你有幫助。嗯 根據lz的 不太理解輸出效果,不過我修改了部份原始碼試了一個方法,lz 你就看看唄var shtml for v...

css如何用dl dt dd實現如下效果

晉城網路推廣筆記 關鍵css是dt的float left 和height 29px 這樣就可以使dd左邊對齊 示例 如下 人文社科 歷史 哲學 國學 政治 軍事 法律 宗教 心理學 文化 社會科學 人文社科 歷史 哲學 國學 政治 軍事 法律 宗教 心理學 文化 社會科學 kk魷小魚 http zh...