多行表始终垂直居中内容

发布于 2024-08-24 05:44:55 字数 330 浏览 1 评论 0原文

我基本上有一个包含 2 行的表格，它看起来像这样：

---------
|   |   |
|   |   |
|   |   |
|--------

我的问题是第二行自动垂直居中，如下所示：

|hey|   |
|hey|hey|
|hey|   |
|--------

现在我如何添加段落，直到它变成另一个段落的大小：

|hey|hey|
|hey|   |
|hey|   |
|--------

如何我使用CSS正确地做到了这一点吗？

原文

I've basically got a table with 2 rows and it looks like this:

---------
|   |   |
|   |   |
|   |   |
|--------

My problem is that the second row auto centers vertically like this:

|hey|   |
|hey|hey|
|hey|   |
|--------

How so right now I'm adding paragraphs until it just becomes the size of the other:

|hey|hey|
|hey|   |
|hey|   |
|--------

How can I do this correctly using CSS?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

攒眉千度 2024-08-31 05:44:55

我认为这就是您正在寻找的：

<table>
  <tr>
    <td>Some content<br />More content<br />More content</td>
    <td style="vertical-align: top;">Some different content</td>
  </tr>
</table>

但是，如果您希望所有表格单元格将其内容与顶部对齐，则不应定义内联样式，而应将 a 添加

td 
{
  vertical-align: top;
}

到 CSS 样式表中。

I think this is what you're looking for:

<table>
  <tr>
    <td>Some content<br />More content<br />More content</td>
    <td style="vertical-align: top;">Some different content</td>
  </tr>
</table>

However, if you want all table cells to align their content to the top, you should not define the style inline, but rather add a