这篇文章将为大家详细讲解有关怎么用CSS将DIV水平居中对齐，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
答：使用CSSmargin属性
如果您想使<div>元素相对于父元素水平居中对齐，则可以将CSSmargin属性与auto左侧和右侧的值一起使用，即为margin: 0 auto;div元素设置样式规则。自动值会自动调整左右边距，并水平居中对齐div元素的块框。
但是，仅当父元素的宽度大于您要对齐的包含div元素的宽度时，此解决方案才有效。让我们看一个例子：
例试试这个代码»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Horizontally Center a Div Using CSS</title>
<style>
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
background: #f0e68c;
}
</style>
</head>
<body>
<div class="container">
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
</div>
</body>
</html>
关于“怎么用CSS将DIV水平居中对齐”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
