HTML表格样式宽度不起作用

时间:2011-03-08 12:04:07

标签: html html-table width

我有一张这样的表:

<table id="MyTable" cellspacing="0" cellpadding="0">
    <thead>
        <tr>
            <th style="width: 30%;">
                <asp:Literal ID="LitDescriptionTitle" runat="server" />
            </th>
            <th style="width: 30%;">
                <asp:Literal ID="LitDescription2Title" runat="server" />
            </th>
            <th style="width: 30%;">
                <asp:Literal ID="LitAddressTitle" runat="server" />
            </th>
            <th style="width: 10%;">
                &nbsp;
            </th>
        </tr>
    </thead>
<tbody>

现在列宽正确设置为IE中的百分比,但不是在Firefox中。 (可能FF正确地做了一些事情)

我可以做些什么来使列的宽度在IE和FF中都固定为上述百分比?

4 个答案:

答案 0 :(得分:4)

添加

  

style =“width:100%;”

到表

答案 1 :(得分:2)

您已将百分比设置为百分比,但百分比是多少?

尝试使用style="width: x"或使用CSS:

设置表格本身的宽度
table#MyTable {
    width: x;    // x denotes overall size
}

答案 2 :(得分:0)

尝试在表格中添加100%的宽度..

答案 3 :(得分:0)

我无法复制在IE,FF或Chrome中正确设置的百分比。要正确设置百分比,必须将宽度设置为外围表。这是绝对值还是相对值取决于您。但请记住不要使用内联样式。