【问题标题】:Using cell width and colspan使用单元格宽度和 colspan
【发布时间】:2014-11-30 06:16:31
【问题描述】:

试图了解为什么第三行没有正确调整。当 colspan 设置为 1(而不是 2)时,它确实可以正确调整。

<table border="1" style="width:3in;">
     <tr>
        <td></td><td></td><td></td>
    </tr>
   <tr>
        <td colspan="3">123</td>
    </tr>
    <tr>
        <td style="width:0.5in;" colspan="2" >12</td>
        <td>3</td>
    </tr>
</table>

【问题讨论】:

  • 我没有什么特殊能力,从你分享的内容中我只能看到这些。 jsbin.com/viqoze/1/edit 。你能更好地解释问题所在吗?
  • 第三行的前 2 列应为 0.5 英寸(总计)。但他们不是。表格未相应调整大小。

标签: html html-table cell


【解决方案1】:

似乎尽管案例很简单,但它在实现宽度设置方面超出了浏览器的能力。作为一种解决方法,不要在占据两列的单元格上设置宽度,而是直接在这些列上设置宽度。不幸的是,这意味着您需要将 0.5 英寸宽度分成固定的部分。要均匀划分,请在&lt;table ...&gt; 标签后添加以下标签:

<col style="width: 0.25in">
<col style="width: 0.25in">
<col>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-01-25
    • 2012-06-25
    • 2011-06-19
    • 1970-01-01
    • 1970-01-01
    • 2017-07-04
    • 2015-04-26
    相关资源
    最近更新 更多