如何将html5节元素居中？垂直

Question

这里基本上是我的html结构，内容部分是我想要在页眉和页脚之间居中的部分，以便在所有分辨率中它在中间。我尝试使用table方法，在其中使用display：table放置div，然后将content部分设置为display：table-cell;垂直对齐：中部;但它似乎影响内容中div或节的定位，并将屏幕左上角的部分定位在头部元素的顶部，其位置为：absolute;。

<header>
</header>
<section id="container">
<section id="content">
</section>
</section>
<footer>
</footer>

Answer 1

我们假设：

div {width: 300px; height: 200px;}

你可以添加：

div {position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -150px;}

最好在body标签内的所有元素周围加上“wrap”。

让我知道这对你有用。

Answer 2

第一栏;

float: left;
position: absolute;
left: 50%;

表示第二个等等;

float: left;
position: absolute;
left: 70%;

但是这种方法效率低下，你可能只想在div中使用float:left;。