Question

html表格table样式问题

如上图,我想让单价一栏的宽度小一点,后面备注一栏的宽度大一点，设定了width，但是起不了作用,这个可以实现吗

Answer 1

<table width="700" border="1">
  <tr>
    <td width="116">编号</td>
    <td colspan="2">&nbsp;</td>
    <td colspan="2">日期</td>
    <td colspan="2">&nbsp;</td>
  
  </tr>
  <tr>
    <td>申购人</td>    
    <td colspan="2">&nbsp;</td>
    <td colspan="2">申购部门</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>品名</td>
    <td width="79">规格</td>
    <td width="152">申购数量</td>
    <td colspan="2">单价</td>
    <td width="60">金额</td>
    <td width="145">备注</td>
  </tr>
</table>

仅供参考

追问

我跑了一下你的代码 你这种写法跟我一样的 单价的宽度跟上面的宽度一样了

追答

肯定的，表格布局列表的宽度由第一列即日期的宽度确定的

Answer 2

表格有根据内容自动改变宽度的特性

有时候设置的宽度缺不好使，这是经常出现的问题

解决方法

1. 给文字外面加个div标签，然后设置div的宽度强行将表格撑开

2. 用空格把表格撑开

3. 如果想缩小某一列就把他的宽度设置成百分比（设小一点），然后根据需要设置内容是否换行。

追问

我设置了单价那一行的宽度为百分比,的确是缩小了,但是上面的日期和申购部门也缩小了

可以维持上面的不要变化吗  如果实在不行 那也只有这样了

追答

你单价和日期、申购部门是属于同一列的 他们的宽度永远是一样的

想解决的话必须不让他们属于同一列
就是说在合并列的时候 他们不能跨相同数量的列数

如果上面说的比较难懂
那么有个简单的方法 就是 将上面两行和下面N行放在不同的两个table里

追问

我明白了，看来是我整理的设计有问题,谢谢

Answer 3

可以啊！你用dreamwever编辑就是了啊！

追问

能提供下关键的样式代码吗

追答

关键样式就是宽度

追问

要是宽度设置可以我还要在这里问吗