设置HTML表格列宽不会生效

Question

我有一些表坚持列应该是相同的宽度，我该如何指定它们？

要清楚，我希望最左边的列缩小，以便其他标题适合一行

代码示例

<div>
    <table style="width:610px;border-style:inset; border:1px; border-color:#000000; padding:3px;">
    <tr class="propGridHeader">
        <td style="width:150px!important;border:1px;border-style:inset;border-color:#000000;text-align:left;">Records: <asp:Label ID="lblHourCount" runat="server" /></td>
        <td style="width:153.3px;border:1px;border-style:inset;border-color:#000000;text-align:center;">Fixed Price</td>
        <td style="width:153.3px;border:1px;border-style:inset;border-color:#000000;text-align:center;">Liquidated Heat Rate</td>
        <td style="width:153.3px;border:1px;border-style:inset;border-color:#000000;text-align:center;">Liquidated Spark Spread</td>
    </tr>
    <tr>
        <td style="width:150px!important;border:1px;border-style:inset;border-color:#000000;" class="propDarkGrid">Average</td>
        <td style="width:153.3px;border:1px;border-style:inset;border-color:#000000;text-align:right;" class="propLightGrid"><asp:Label id="lblHourAvgFP" runat="server" /></td>
        <td style="width:153.3px;border:1px;border-style:inset;border-color:#000000;text-align:right;" class="propLightGrid"><asp:Label id="lblHourAvgHR" runat="server" /></td>
        <td style="width:153.3px;border:1px;border-style:inset;border-color:#000000;text-align:right;" class="propLightGrid"><asp:Label id="lblHourAvgSS" runat="server"  /></td>
    </tr>

Answer 1

您不能以像素为单位使用小数。只需使用style="width:153px;border:1px

即可

Answer 2

你不能用小数来定义td宽度，至少你要把它定义为em，所以就是这样：

例如： 宽度：5.5em;

em主要用于响应式网页设计。如果你不需要使用响应式设计，所以我建议你去除小数并继续使用px，如下所示：

例如： 宽度：153px;

此致