0

HTML:

<table border="1" width="100%">
    <tr>
        <th style= "width: 10%"> Quantity </th>
        <th style= "width: 47%"> Info </th>
    </tr>
</table>

我尝试使用 XHTML 1.0 Strict 进行验证,但它告诉我在这个 HTML 版本中没有宽度元素的属性样式。有没有另一种方法可以在没有验证问题的情况下编写宽度?

4

3 回答 3

1

widthon 属性table不会导致 XHTML 1.0出现验证问题。但是,如果您出于其他原因希望摆脱它,可以将其替换为将width属性设置为 value的 CSS 代码100%。一种简单的方法是用style具有合适值的属性替换属性:

<table border="1" style="width: 100%">

但是,通常最好使用外部样式表,或者至少使用一个style元素,而不是style属性。

其他答案也解决了替换border="1"属性的问题,尽管没有要求这样做。它会稍微复杂一些,因为该属性也会影响单元格之间的边界;请参阅我的将演示 HTML 映射到 CSS

于 2013-08-01T05:13:37.790 回答
0

使用 CSS 定义widthborder

HTML:

<table>
<tr>
    <th class="q"> Quantity </th>
    <th class="i"> Info </th>
</tr>
</table>

CSS:

table{
    width:100%;
    border: 1px solid magenta;
}
.q{
    width: 10%;
}
.i{
    width: 47%;
}
于 2013-07-31T23:57:36.390 回答
0

我建议将一个分配id表格,然后在外部CSS样式表中对其进行样式设置。但这应该足以验证:

<table style="border: 1px solid black; width: 100%;">
    <tr style="border: 1px solid black;">
        <th style="width: 10%; border: 1px solid black;"> Quantity </th>
        <th style="width: 47%; border: 1px solid black;"> Info </th>
    </tr>
</table>
于 2013-07-31T23:57:29.663 回答