html - 为什么这个元素在表格外面?

标签 html css

我试图在两个表格行之间放置一些东西,但是 something 行在 chrome 浏览器中的表格之外:

enter image description here

我不确定为什么,似乎除非 somethingtd 标签内,否则它总是在表格之外。

这是为什么呢?我只想要一些可以占据整行的行,这就是为什么我在这里放弃了 td 标签。

这是源代码:

<html>
    <head>
        <style>
            td { border: 1px solid #666; }
        </style>
    </head>
    <body>
        <table border="0" cellspacing="5" cellpadding="5">
            <thead>
                <tr>
                    <th>Header</th>
                    <th>Header</th>
                    <th>Header</th>
                </tr>
            </thead>
            <tr>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
            <tr>
                something
            </tr>
            <tr>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
        </table>
    </body>
</html>

最佳答案

我认为你做不到。而是将 colspan="3"设置为该行中的单元格。您可以在此处阅读更多信息:http://www.htmlcodetutorial.com/tables/index_famsupp_30.html .

即:

<tr>
    <td colspan="3">something</td>
</tr>

关于html - 为什么这个元素在表格外面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24529689/

相关文章:

html - 调用类时不显示 div 背景色

html - 有人能告诉我为什么我的轮播导致所有文本元素移动吗?

jquery - 检测滚动到 DIV 的底部

javascript - 通过添加类使部分保持在顶部

javascript - 在 iframe 中仅显示一个 div(javascript、JQuery...)

asp.net 菜单控件 staticBottomSeparatorImage 出现在水平菜单下方

javascript - 在 jquery 方法中调整窗口大小的调用函数

javascript - 创建一个带有 span 标签的全屏 ionic 按钮,显示 :block

html - Font Awesome 图标没有出现在文本框内

javascript - Bootstrap 中的导航栏适用于移动设备上 4 个页面中的 2 个。代码对所有人都一样