日期:2014-05-16  浏览次数:20656 次

table td 宽度的问题

<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>
  <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 不是 定宽  
是依据什么来 固定宽度的?
------解决方案--------------------
引用:
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>

------解决方案--------------------

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