将td对齐到表的其他td中的第一个元素

时间:2013-05-23 09:14:35

标签: html css html-table alignment center

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

为中心

vertical-align: middle !important;

另一列包含div和标签。此时,第一列标签中的文本与第二列的中心对齐。我想要的是,第一列与第二列div的中心对齐,忽略标签。这可能吗?

现状:

                DIV
                DIV
Aligned here -->DIV
                LABEL
                LABEL

期望的情况:

                DIV
Aligned here -->DIV
                DIV
                LABEL
                LABEL

1 个答案:

答案 0 :(得分:1)

你走了。 http://jsfiddle.net/MrLister/Sh3dD/3/

表格单元格的vertical-align无法以像素为单位的偏移值,你是对的。

幸运的是,还有其他方法。诀窍是将td的vertical-align设置为top,然后使用Javascript将标签的line-height设置为与div的计算高度相同的高度。 / p>

希望这有帮助!