div的水平和垂直对齐

Posted 2023-03-05

【中文标题】div的水平和垂直对齐

【英文标题】：Horizontal and vertical alignment of div

【发布时间】：2011-04-26 22:51:11

【问题描述】：

我正在使用 JQuery。我有一个包含表格的 div。我在表中有 4 行，每行有一个 col。每行包含一两行文本

我想让每一行的高度 = 100 像素，并使文本水平和垂直居中。

这个可以吗？

【问题讨论】：

没有代码/示例很难帮助

【参考方案1】：

如果您希望每个表格单元格中的文本垂直和水平对齐，您可以使用 CSS。

table td 
    height: 100px;
    text-align: center;
    vertical-align: middle;

See it working here.

【讨论】：

这不会让页面中的每个 td 都有这些属性吗？

把它拿回来。我将把你的标记为答案。你回答了这个问题。问题是我没有问正确的问题。谢谢！

@alex - 您提供的解决方案仅适用于文本。由于某种原因，当我在其中放置标签时不起作用。在这里开始新问题：***.com/questions/3960510/…

@kralco626 我回答了你的新问题。

【参考方案2】：

很简单：

text-align: center;
vertical-align: middle: