gpt4 book ai didi

css - 将两个表列中的内容固定在相应表列的顶部

转载 作者:行者123 更新时间:2023-11-27 22:40:43 27 4
gpt4 key购买 nike

在基于 CSS 的布局中使用表格时,我注意到如果我有一个包含 4 列的表格(侧面的 2 列用于间距,中间的 2 列用于内容),当我在其中输入内容时在两个中间列中,它将保持在顶部,这是完美的。

但是,如果我在另一个中间栏输入内容,然后按回车键,另一个中间栏的内容就会下来。

这意味着我永远无法在两列中键入内容,同时将两列中的内容粘在表格列的顶部(屋顶)。我已经尝试了一切,有什么办法可以做到这一点吗?如果我做不到这一点,我的内容就会看起来不稳定,因为它在两栏中不水平,因此不专业。

最佳答案

我相信解决方案是创建一条规则,将文本与表格单元格的顶部对齐。

td {
vertical-align:top;
}

作为替代方案,您可以使用列组和列来指定不同列的垂直对齐方式。一个例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Table Columns Alignments</title>
</head>

<body>
<table>
<colgroup>
<col valign="bottom"/>
<col />
<col valign="top"/>
</colgroup>
<tbody>
<tr>
<td>aligned to bottom</td>
<td>no special<br/>alignment<br/><p>here</p></td>
<td>aligned to top</td>
</tr>
</tbody>
</table>
</body>
</html>

然而,浏览器对此的支持并不是一刀切的,所以 YMMV。

关于css - 将两个表列中的内容固定在相应表列的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/307096/

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