如何将CSS与样式标记对齐？

Question

如何将其与页面中心对齐？ http://jsfiddle.net/WH7Kf/39/

<div id="lower" style="position:fixed; width:95%; height:5%; background-color:green; ">

Answer 1

你可以这样做：

margin-left:auto;
margin-right:auto;

在您的风格中，您也可以使用position属性：

position:absolute;
top:0%;
left:50%

没有一套方法可以集中某些东西，但这些方法可以做到。希望这有帮助！

Answer 2

您可以使用margin:0 auto;对齐块级元素：

<div id="lower" style="margin:0 auto; width:95%; height:5%; background-color:green; ">

Demo

这是有效的，因为您在左侧和右侧定义了自动确定的边距，因此它将位于页面的正中间。

Answer 3

你走了。

http://jsfiddle.net/WH7Kf/41/

#lower {
    position:fixed;
    left:0;
    right:0;
    width:95%;
    height:5%;
    background:green;
    margin:auto;
}

如果你想让div文法在纵向和横向都居中，请添加top:0;和bottom:0;