html - 将 td 与表的其他 td 中的第一个元素对齐

Question

在我的 HTML 代码中，有一个包含两列的表格 (< td >)。第一列包含一个标签并以

为中心

vertical-align: middle !important;

另一列包含一个 div 和一个标签。目前，第一列标签中的文本与第二列的中心对齐。我想要的是，第一列与第二列的 div 的中心对齐，忽略标签。这可能吗？

现状:

                DIV
                DIV
Aligned here -->DIV
                LABEL
                LABEL

期望的情况:

                DIV
Aligned here -->DIV
                DIV
                LABEL
                LABEL

Answer 1

给你。 http://jsfiddle.net/MrLister/Sh3dD/3/

关于表格单元格的 vertical-align 不能有以像素为单位的偏移值，你是对的。

幸运的是，还有其他方法。技巧是将td的vertical-align设置为top，然后使用Javascript设置label的line-height与 div 的计算高度相同。

希望这对您有所帮助!