gpt4 book ai didi

html - 为什么我的 HTML 代码中的 标签在我的浏览器中没有按顺序显示?

转载 作者:行者123 更新时间:2023-12-04 00:15:34 24 4
gpt4 key购买 nike

所以我正在制作一个网站作为测试。代码如下。

* {
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>

输出如下: browser output

这里的错误是第二个 <tr>用文本标记 "Test"显示在第一个之前,其中包含按钮和标题。

为什么会这样?如何影响表格行的顺序?

最佳答案

您必须将 tdth 放在 tr 内。

<tr>
<td>Test</td>
</tr>

然后它们将按照您编写它们的顺序显示。

规范:https://html.spec.whatwg.org/multipage/tables.html#the-tr-element

关于html - 为什么我的 HTML 代码中的 <tr> 标签在我的浏览器中没有按顺序显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64292185/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com