水平和垂直对齐div

Question

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

我希望使每行的高度为 100 像素，并使文本水平和垂直居中。

这可以做到吗？

- kralco626

---

没有提供代码或示例，很难提供帮助。 - dassouki

Answer 1

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

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

See it working here.

- alex

---

这难道不会使页面中的每个<td>元素都具有这些属性吗？ - kralco626

收回你的话。我会把你的答案标记为正确答案。你回答了我的问题，但问题是我没有问对。谢谢！ - kralco626

@alex - 你提供的解决方案只适用于文本。不知何故，当我放置一个标签时它不起作用。在这里开始了新的问题：http://stackoverflow.com/questions/3960510/horizonal-and-vertical-alignment-of-label-in-div-in-table-row - kralco626

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

Answer 2

非常简单：

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

- oezi