gpt4 book ai didi

html - 如何固定底部的水平线和 标签顶部的文本

转载 作者:太空宇宙 更新时间:2023-11-03 20:20:21 25 4
gpt4 key购买 nike

我有一个带有单个 TR 标签和两个 TD 标签的 HTML 表格。每个 TD 中有两条水平线或 HR 标签,带有一些文本。所以我想修复每列底部 TD 和水平线顶部的文本。

这里是示例代码。

  <html>
<body>
<table width="100%">
<tr>
<td style="text-align: left; width: 50%;">
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<hr width="40%" />
</td>
<td style="text-align: left; width: 50%;">
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
<hr width="40%" />
</td>
</tr>
</table>
</body>
</html>

最佳答案

hr 的文本行下方划一行

<tr>
<td>
Text
</td>
<td>
Text
</td>
</tr>
<tr>
<td>
<hr width="40%" />
</td>
<td>
<hr width="40%" />
</td>
</tr>

现在您可以控制各个行的高度以获得您想要的任何类型的间距

关于html - 如何固定底部的水平线和 <TD> 标签顶部的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11952383/

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