如何在html中设置单元格宽度？

我有一个表，有两行，如下图所示，但无法固定单元格宽度，如下图所示。我们如何固定单元格宽度？当我试图修复cell3宽度时，它也会自动修复cell1宽度

Cell1          |   cell2
Cell3    |    cell4

---

您可以尝试使用col标记在一个位置为所有行设置表格样式，但需要在表格或表格css类上设置表格布局：固定样式，并为单元格设置溢出样式

---

您可以为此使用表的colspan属性

<table>

 <col width="20px" />
 <col width="30px" />
 <col width="40px" />
 <tr>
<td>text</td>
<td colspan=2>text</td>
<td>text</td>

</tr>
<tr> 
<td colspan=2>text</td>
<td >text</td>
</tr>

<table>

试试这个：

HTML:

---

操纵

th

将使其相应的

td

s进行相应调整。只需确保

th

s的编号与

td

s的编号对应即可。如果要合并

th

s或

td

s，也可以使用

colspan

（参见

tfoot

中的示例）。

单元格边界不应该对齐的“表”几乎肯定不应该表示为表。这看起来像是一张照片。你似乎是从一个错误的前提（使用一个表）开始工作，但你没有充分解释这个问题（在某种程度上，你有虚假的数据，我们无法从你的例子中推断出任何东西），以便我们确定你应该如何去做。为了更快地获得更好的帮助，请发布一个。在每个

td

中指定一个宽度，类似于

，

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }

<table>

 <col width="20px" />
 <col width="30px" />
 <col width="40px" />
 <tr>
<td>text</td>
<td colspan=2>text</td>
<td>text</td>

</tr>
<tr> 
<td colspan=2>text</td>
<td >text</td>
</tr>

<table>

 text text    text
 text     text

<table>
    <caption>Table Name</caption>
    <thead>
        <tr>
            <th>Heading 1</th>
            <th>Heading 2</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="2">&nbsp;</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>Data 1</td>
            <td>Data 2</td>
        </tr>
        <tr>
            <td>Data 3</td>
            <td>Data 4</td>
        </tr>
    </tbody>
</table>

th {
    width: 100px; /* or the width you want */
}