table td 宽度的问题

[sql2015]

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

表格有4列，A C 固定 100px宽， B和D把剩余的宽度平分，如何实现这样的效果？

[ztszhq]

引用 楼主 sql2015 的回复:

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

表格有4列，A C 固定 100px宽， B和D把剩余的宽度平分，如何实现这样的效果？

楼主的 table 不是 定宽 是依据什么来 固定宽度的？

[sql2015]

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

[ztszhq]

引用 2 楼 sql2015 的回复:

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

<table  width="100%" >
  <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>
</table>

[fjufo]

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

[螃蟹k3179]

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

[sql2015]

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

[xuzuning]

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

[ztszhq]

引用 5 楼 sql2015 的回复:

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

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

Dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd

ddddddddddddddddddddddddddddddddddddd</td>
  </tr>
</table>