1

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

明确地说，我希望最左边的列变窄，以便其他标题适合一行

代码示例

<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>
4

2 回答 2

0

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

在此处输入图像描述

于 2013-08-13T22:03:00.970 回答
0

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

例如：宽度：5.5em；

em 主要用于响应式网页设计。如果您不需要使用响应式设计，那么我建议您摆脱小数并继续使用 px，如下所示：

例如：宽度：153px；

问候，

于 2013-08-13T22:07:12.677 回答