钢材销售好做吗:html里table的一个小问题
来源:百度文库 编辑:神马品牌网 时间:2024/09/21 09:02:23
如何实现同一个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>