tabletd宽度的问题_html/css_WEB-ITnose

<table>  <tbody><tr>
<td width="100px"> A </td>
<td width="50%"> B </td>
<td width="100px"> C </td>
<td width="50%"> D </td>  </tr></tbody></table>

回复讨论(解决方案)

<table>  <tbody><tr>
<td width="100px"> A </td>
<td width="50%"> B </td>
<td width="100px"> C </td>
<td width="50%"> D </td>  </tr></tbody></table>

table 的宽度是 100% 适应屏幕的。

table 的宽度是 100% 适应屏幕的。

<table width="100%">  <tbody><tr>    <td width="100px"> A </td>    <td style="background-color:red"> B </td>    <td width="100px"> C </td>    <td style="background-color:green"> D </td>  </tr></tbody></table>

<table width="100%">  <tbody><tr>    <td width="100"> A </td>    <td> B </td>    <td width="100"> C </td>    <td> D </td>  </tr></tbody></table>

B 和 D 列不指定宽度的话，可以保证他们平分吗，比如D列的内容很长需要换行显示的。

你的不就可以吗？加上边框就可以观察到
不指定宽度就会按内容分配

B 和 D 列不指定宽度的话，可以保证他们平分吗，比如D列的内容很长需要换行显示的。

<table style=" table-layout: fixed;word-break:break-all;word-wrap:break-word;width:100%">  <tbody><tr>    <td width="100px"> A </td>    <td> B </td>    <td width="100px"> C </td>    <td> Ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</td>  </tr></tbody></table>

尽量不要让浏览器自己判断宽度。
常用的做法是，只留一个td不定义宽度，其余的都定义。