为什么我的HTML代码中的<tr>标记没有在浏览器中按顺序显示？
好
因此，我正在测试一个网站。该代码可以在下面看到。
* {
background: #000000;
color: #dddddd;
margin: 0;
padding: 0;
}
body {
font-family: Consolas;
}
button.header {
border-width: 0;
}
table { width: 100%; }<!DOCTYPE html>
<html lang="en">
<head>
<title>test title</title>
<link rel="stylesheet" href="start.css">
</head>
<body>
<table style="padding-top: 0.8rem;">
<tr> <!-- Title, Buttons -->
<th style="text-align: left; padding-left: 0.8rem;">
<h1>test site title</h1>
</th>
<th style="text-align: right; padding-right: 0.8rem;">
<button class="header"> ABOUT </button>
<button class="header"> PROJECTS </button>
<button class="header"> CONTACT </button>
</th>
</tr>
<tr>
Test
</tr>
</table>
</body>
</html>输出如下所示： 
这里的错误是<tr>带有文本的第二个标签"Test"显示在第一个标签之前，其中包含按钮和标题。
为什么会这样呢？如何影响表格行的顺序？
丹尼·B
您必须将td或放到th内tr。
<tr>
<td>Test</td>
</tr>
那么它们将以与您编写它们相同的顺序显示。
规格：https：//html.spec.whatwg.org/multipage/tables.html#the-tr-element
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
IE 11中的FormData未定义
- 2
如何一次从多个文本框中获取值？
- 3
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 4
OpenCv：改变 putText() 的位置
- 5
Redux动作正常，但减速器无效
- 6
如何从JavaScript中的MP3文件读取元数据属性？
- 7
如何使用Redux-Toolkit重置Redux Store
- 8
将加号/减号添加到jQuery菜单
- 9
OpenGL纹理格式的颜色错误
- 10
获取并汇总所有关联的数据
- 11
超过时间限制错误C ++
- 12
ActiveModelSerializer仅显示关联的ID
- 13
在交互式Python Shell中获得最后结果
- 14
如何开始为Ubuntu开发
- 15
去噪自动编码器和常规自动编码器有什么区别？
- 16
Excel 2016图表将增长与4个参数进行比较
- 17
算术中的c ++常量类型转换
- 18
使用因子时如何在y轴上的ggplot中插入count或％
- 19
TreeMap中的自定义排序
- 20
如何在R中转置数据
- 21
在 React Native Expo 中使用 react-redux 更改另一个键的值
我来说两句