垂直对齐一个Div

Question

3

有人有可靠的标记/CSS，可以在所有浏览器中垂直对齐div吗？可以在Firefox中工作，但在其他浏览器中不能。

.parent { display: table; }
.child { display: table-cell; }  /* this panel is to align vertically in the middle*/

- Sam Jones

你是说我标记的关键更改是将高度设置为50％并将相对位置和边距设置为0自动添加到父元素中吗？谢谢。 - Sam Jones

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- VictorC · Accepted Answer

如果您要垂直对齐简单文本，可以这样做：

.container { height:300px; line-height:300px }

如果您想要垂直对齐一个 div，那么您需要使用一些 JavaScript 代码来确保其在所有浏览器中都能正常工作。