CSS - Div 对象居中？答案

【问题标题】：CSS - Div object centering?CSS - Div 对象居中？
【发布时间】：2025-12-27 13:25:11
【问题描述】：

我只想将 DIV 对象置于浏览器屏幕的中心。

我觉得应该是这样的..

<div id="root">
    <div id="centeredElement"></div>
</div>

div#root {
    width:100%; 
}
div#centeredElement {
    width:500px;
    height:200px;
    align:center;
}

【问题讨论】：

How to align a <div> to the middle of the page 的可能重复项

标签： css html

【解决方案1】：

text-align:center 或 margin:0 auto;

像这样

div#centeredElement{
text-align:center;
}

或

div#centeredElement{
margin:0 auto;
}

【讨论】：

【解决方案2】：

您有几个选项可以使 div、图像或其他对象居中：

1) div 内的所有内容

<div align="center"> blabla </div>

2) 用于图像或帧

<img style="display:block;margin-left:auto;margin-right:auto;" align="center" src="xx.jpg" />

3) 另一个：

<div style="width:80%;margin-left:10%;"> blabla </div>

【讨论】：

从 HTML5 开始不推荐使用标签

【解决方案3】：

改变

对齐：居中

到

边距：0px 自动；

【讨论】：