设置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中要检查的主要列