杭州交通信息网2015年11月28日勇士vs:html里table的一个小问题
来源：百度文库 编辑：杭州交通信息网 时间：2024/05/02 18:20:31
如何实现同一个table里面同一列的td的宽度不同
如：
列11 列21
列12 列22
要实现 列11 和 列 12 的宽度不同 该如何设置这两个td的属性？
用以下代码直接设置两个不同的width的话 两个的宽度还是一致的：
<table border="1" width="20%" id="table1">
<tr>
<td>列11</td>
<td width="70">列21</td>
</tr>
<tr>
<td>列12</td>
<td width="50">列22</td>
</tr>
</table>
再嵌套一个table是可以搞定 但是难道没有不增加table而达到目的的方法吗?
dnyr兄的说法不错 用clospan属性来设置是可以达到我提出问题的要求
汗 可我现在实际要做的是划分整个页面的布局
该死的JSF 用panelGrid可以达到 我是想尽量少的用panelGrid 外层的布局看来完全用table是不可能了....
如：
列11 列21
列12 列22
要实现 列11 和 列 12 的宽度不同 该如何设置这两个td的属性？
用以下代码直接设置两个不同的width的话 两个的宽度还是一致的：
<table border="1" width="20%" id="table1">
<tr>
<td>列11</td>
<td width="70">列21</td>
</tr>
<tr>
<td>列12</td>
<td width="50">列22</td>
</tr>
</table>
再嵌套一个table是可以搞定 但是难道没有不增加table而达到目的的方法吗?
dnyr兄的说法不错 用clospan属性来设置是可以达到我提出问题的要求
汗 可我现在实际要做的是划分整个页面的布局
该死的JSF 用panelGrid可以达到 我是想尽量少的用panelGrid 外层的布局看来完全用table是不可能了....
可以
<table border="1" width="20%" id="table1">
<!-- 第一行 -->
<tr>
<td clospan="2">列11</td><!-- 不用定义列宽，它等于第二行前两列宽的和 -->
<td>列12</td>
</tr>
<!--第二行-->
<tr>
<td width="50"> </td>
<td width="50"> </td>
<td width="50"> </td>
</tr>
</table>
不行的，要在列12中再套一个TABLE，然后设置那个里面的TABLE的<td>的大小。
肯定要单独再加一个table，要么在里面，要么在下面，不加是没戏的。
上面的方法确实巧妙，不过这样设计的表格，第一行的某个列一定等于第二行某两个列的和，不灵活，不过不太在乎的地方可以这样改
<table border="1" width="20%" id="table1">
<tr>
<td>列11</td>
<td width="70">列21</td>
</tr>
</table>
<table border="1" width="20%" id="table2">
<tr>
<td>列12</td>
<td width="50">列22</td>
</tr>
</table>