如何在 CSS 中与样式标签居中对齐？ [复制]答案

【问题标题】：How do you center align in CSS with the style tag? [duplicate]如何在 CSS 中与样式标签居中对齐？ [复制]
【发布时间】：2014-06-22 11:56:59
【问题描述】：

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

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

【问题讨论】：

这里 - jsfiddle.net/3Gf9b
堆栈上还有很多问题
我假设只水平对齐？
在这个网站上有几个关于垂直对齐 div 的问题，但是为了快速而肮脏的解决方案，请尝试<div id="lower" style="position:fixed; width:95%; height:5%; background-color:green; right:2.5%; top: 47.5%">
删除问题会使您的禁令更糟，而不是更好。

标签： html css

【解决方案1】：

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

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

之所以有效，是因为您将左右两侧的边距定义为自动确定，因此它将位于页面的正中间。

【讨论】：

【解决方案2】：

你可以这样做：

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

在您的样式中，或者您也可以使用positioning 属性：

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

没有固定的方式来居中，但这些都是可以做到的。希望这会有所帮助！

【讨论】：

【解决方案3】：

给你。

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

如果你想让 div 在垂直和水平方向都以文学为中心，请添加 top:0; 和 bottom:0;

【讨论】：