使用表格方法垂直对齐?

时间:2015-06-27 15:44:57

标签: css css3 zurb-foundation zurb-foundation-5

我正在尝试使用table / table-cell方法垂直对齐。

JSFiddle

if ($scope.contact.id === undefined) {
            contact.save();
            console.log("Contact ID is:", savedContact.id);
            table.insert({ id: contact.id.value, firstname: name.givenName, lastname: name.familyName, homephone: phoneNumbers[0].value, mobilephone: phoneNumbers[1].value, email: emails[0].value });
        }

但它不起作用,我哪里错了?我怀疑它与valign柱的高度有关。如何让它伸展到它父母的高度?

我还应该在实际代码中提到我在页面中嵌入了相当深的代码,因此它在文章和部分标签内部以及另一个div中。

1 个答案:

答案 0 :(得分:3)

在某些浏览器上,CSS属性float不适用于display: table-cell,因此您应该将float: none设置为table-cell元素,以使它们像表格单元格一样

https://jsfiddle.net/zac926wL/5/