指定HTML固定列宽(宽度或样式属性)的更好方法是什么

指定HTML固定列宽(宽度或样式属性)的更好方法是什么,html,css,internet-explorer,html-table,width,Html,Css,Internet Explorer,Html Table,Width,我想问一下,指定HTML列宽的更好方法是什么?宽度属性还是样式属性?假设我正在使用IE6。IE渲染宽度属性是否优于样式 按宽度属性 <table width="900"> <tr> <td width="450">A</td> <td colspan="2" width="450">B&C</td> </tr> .... </table>

我想问一下,指定HTML列宽的更好方法是什么?宽度属性还是样式属性?假设我正在使用IE6。IE渲染宽度属性是否优于样式

按宽度属性

<table width="900">
    <tr>
        <td width="450">A</td>
        <td colspan="2" width="450">B&C</td>
    </tr>
    ....
</table>
<table style="width:900px;">
    <tr>
        <td style="width: 450px;">A</td>
        <td colspan="2" style="width: 450px;">B&C</td>
    </tr>
    ....
</table>

A.
食宿
....
或者按样式属性

<table width="900">
    <tr>
        <td width="450">A</td>
        <td colspan="2" width="450">B&C</td>
    </tr>
    ....
</table>
<table style="width:900px;">
    <tr>
        <td style="width: 450px;">A</td>
        <td colspan="2" style="width: 450px;">B&C</td>
    </tr>
    ....
</table>

A.
食宿
....

首先,在我回答您的问题之前,您应该知道表格是如何呈现的,请尝试table元素的table layout fixed样式:

如果浏览器预先知道第一个表格行列的宽度(如果在表格上提供了表格布局固定样式),则浏览器甚至可以在计算出任何结果行的宽度之前开始渲染表格顶部。这意味着什么?由固定布局的Ajax调用填充的表可以在完整Ajax调用完成之前开始向用户显示结果。最好的方法是像一个进步的jpg。最终,页面的加载速度会更快

table
{
table-layout:fixed;
}
现在回答你的问题

实际上,您提供的两个示例都不正确。通常不在跨越2个或多个单元格的单元格上设置宽度。在任何表格中,最好至少创建一行,其中包含所有单元格,可以是TH,也可以是(我喜欢在空白tr中这样做)

例如

<table>
<tr>
<td width="450"></td>
<td width="225"></td>
<td width="225"></td>
</tr>
<tr>
<td>content here</td>
<td colspan="2">content here</td>
</tr>
</table>

满足于此
满足于此
无论您决定使用哪种样式或仅使用标准html宽度,都由您选择,但最终您应该拥有第一行(如果表布局固定)或任何一行(如果表布局不固定)包含每个独立单元格的宽度定义。这也将帮助您规划正确的外观表格,希望能有所帮助

通过创建一个类似10000行的大型表来测试固定的表布局,并测试与非固定表布局相比的渲染速度

关于HTML 4与XHTML、样式与属性的整个争论我认为实际上是一个可维护性的问题。我不认为在HTML 4中使用样式或纯宽度设置宽度有任何错误,它们都做相同的事情。之所以可以同时做这两件事,是因为HTML已经发展了一点,是的,它可能会变得混乱!祝你好运

只需在
内添加
标记或
定义
内的宽度。这将对您有所帮助。其他方法都不起作用

例如

。。。。。。。。。。。。。。。

嘿,谢谢!我不知道表格布局:fixed.Hi,欢迎访问我们的网站。请不要用重复的答案(如^^^^^^^^和)垃圾邮件发送旧问题和已接受的答案。如果您这样做,则两个问题可能都是重复的,因此标记为重复。在这种情况下,问题会很好地解决,除非您如果有任何全新的补充,那么我建议提出新的和未回答的问题。谢谢。