首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

table td 宽度的有关问题

2013-08-09 
table td 宽度的问题tabletrtd width100px A /tdtd width50% B /tdtd width100px

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>



[解决办法]
你的不就可以吗?加上边框就可以观察到
不指定宽度就会按内容分配
[解决办法]
引用:
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>


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

热点排行