表格單元格td設定寬度無效始終有內部的內容撐開_HTML/Xhtml_網頁製作

在做table頁面時，有時對td設定的寬度是無效的，td的寬度總是有內部的內容撐開，可以設定padding，但直接設定width卻無效，下面我們來具體看下這個範例：

複製程式碼

程式碼如下:

1000800	1000000	1000000
1000000	10000300	10000000 td>

1000000	1000000	1000000
10000000 td>	10000300	1000000

* {margin: 0; padding: 0 ;}
.div1 {position: relative; width: 150px; height: 100px; overflow: scroll; border: 1px solid red;}

我們可以在td中加上div，然後給div設定寬度，來試試看：

修改類別div1中的一部分程式碼：

複製程式碼程式碼如下:

1000800

修改為

複製程式碼複製程式碼

程式碼🎜>

1000800

然後在樣式裡寫入：

複製代碼

代碼如下:

td div {
width:100px;
}

刷新頁面，此時效果如下：
 
我們可以看到類別div1中的單元格的寬度已經生效了。