html - 缩小表格中的一个单元格

Question

我正在尝试缩小表格中的一个单元格，但它拒绝缩小……这是我的表格。

<table cellspacing="0" style="position: absolute;width: 990px;margin-left: 8px;"  align="center">
    <thead>
        <tr class='no-wrap'>
            <th width="20%"></th>
            <th width="10%">Our Rating</th>
                        <th width="10%">Users' Rating</th>
            <th width="30%">Review</th>
            <th width="30%">Price</th>
        </tr>
        </thead>
        <tbody>

<tr>
<td width="20%"></td>
                    <td width="10%">Our Rating</td>
                                    <td width="10%">Users' Rating</td>
                    <td width="30%">Review</th>
                    <td width="30%">Price</td>
</tr>
</tbody>
</table>

问题是评论部分没有缩小..即使我给它一个较低的百分比..这是为什么？

Answer 1

您的 HTML 语法不正确。

您需要将表格行元素包装在tr：

<tbody>
   <tr>
       <td></td>...
   </tr>
</tbody>

你也有一个</th>你应该<td>在你的第 2 行第 4 单元格（评论）：

<td width="30%">Review</th>