Colspan所有栏目

2018-07-01 15:03:56

我怎样才能指定一个td标签应该跨越所有列（当表格中的列的确切数量将变得/难以确定何时呈现HTML）？ w3schools提到你可以使用colspan="0" ，但它并没有明确说明哪些浏览器支持该值（IE 6在我们的列表中支持）。

编辑：似乎将colspan设置为大于您可能具有的理论列数的值将会起作用，但如果您将表格布局设置为固定，则它不起作用。使用colspan的大量自动布局有什么缺点吗？有没有更正确的方法来做到这一点？

我有IE 7.0，Firefox 3.0和Chrome 1.0

TD中的colspan =“0”属性不跨越 上述任何浏览器中的所有TD。

也许不推荐作为适当的标记练习，但是如果你给出的colspan值高于可能的总数。 其他行中的列将会横跨所有列。

当table-layout CSS属性设置为fixed时，这不起作用。

再一次，这不是一个完美的解决方案，但当表格布局CSS属性是自动时，似乎可以在上述3个浏览器版本中工作。希望这可以帮助。

这是一个黑客行为，并不能确保你的行横跨所有列

只需使用这个：

colspan="100%"

它适用于Firefox 3.6，IE 7和Opera 11！（我想别人，我无法尝试）

警告：

正如在下面的评论中提到的，这实际上与colspan="100" 。因此，这种解决方案将打破与CSS table-layout: fixed或超过100列。

如果您希望制作跨所有列的“标题”单元格作为表格的标题，则可能需要使用标题标记（http://www.w3schools.com/tags/tag_caption.asp / https：// developer.mozilla.org/en-US/docs/Web/HTML/Element/caption）这个元素就是为了这个目的。它的行为就像是一个div，但不会跨越表的父级的整个宽度（就像div在同一位置上做的那样（不要在家里试试这个！）），而是跨越表。有一些跨边界的跨浏览器问题等（我可以接受）。无论如何，你可以让它看起来像一个跨越所有列的单元格。在其中，您可以通过添加div元素来创建行。我不确定你是否可以在tr元素之间插入它，但这将是一个黑客我猜（所以不建议）。另一种选择是与浮动divs搞乱，但这是恶作剧！

做

<table>
    <caption style="gimme some style!"><!-- Title of table --></caption>
    <thead><!-- ... --></thead>
    <tbody><!-- ... --></tbody>
</table>

别

<div>
    <div style="float: left;/* extra styling /*"><!-- Title of table --></div>
    <table>
        <thead><!-- ... --></thead>
        <tbody><!-- ... --></tbody>
    </table>
    <div style="clear: both"></div>
</div>

链接地址: http://www.djcxy.com/p/88187.html

上一篇: Colspan all columns

下一篇: Is it acceptable to use tables for forms? Or is it still more correct to use divs?