禁用在html表中更改宽度

Question

我正在尝试创建一个"固定宽度"表,但只要列中的数据大于其余部分,它就会以某种方式更改列宽.

例如,下表更改最后一个数字的宽度,即10.

<table>
    <tr>
        <td rowspan="3">1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td rowspan="2" colspan="2">7</td>
    </tr>
    <tr>
        <td>6</td>
    </tr>
    <tr>
        <td>8</td>
        <td colspan="2">9</td> 
        <td>10</td>
    </tr>
</table>

这是我的CSS:

table {
    border: 1px solid;
    width: 400px;
    height: 300px;
}

Answer 1

CSS中有两种表格算法,由属性触发table-layout:

• table-layout:fixed 将尽可能地将单元格宽度调整为作者(您)想要的内容
• table-layout:auto (默认值)将使单元格宽度适应其内容.

CSS

  table {
    table-layout: fixed;
    width: 400px;
    height: 300px;
    border: 1px solid;
  }

这是一个小提琴:http://jsfiddle.net/tk4J8/