Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
设置HTML表格列宽无效_Html_Css - Fatal编程技术网

设置HTML表格列宽无效

设置HTML表格列宽无效,html,css,Html,Css,我有一些表坚持列的宽度应该相同,我如何指定它们 为了清楚起见,我希望最左边的列缩小,以便其他标题可以放在一行上 代码示例 <div> <table style="width:610px;border-style:inset; border:1px; border-color:#000000; padding:3px;"> <tr class="propGridHeader"> <td style="width:150px!

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

为了清楚起见,我希望最左边的列缩小,以便其他标题可以放在一行上

代码示例

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

记录:
固定价格
液化热耗率
液化火花蔓延
平均值

不能使用像素小数。只需使用
style=“宽度:153px;边框:1px


您不能用小数定义td宽度,至少您希望将其定义为em,因此可以这样:

例如: 宽度:5.5em

em主要用于响应性web设计。如果您不需要使用响应性设计,我建议您去掉小数,继续使用px,如下所示:

例如: 宽度:153px


在这方面,

修复了小数,但列似乎仍然是自动宽度。10是以后在chrome、ff和safari中要检查的主要列