如何使用CSS将DIV水平居中对齐

答：使用CSSmargin属性

如果您想使<div>元素相对于父元素水平居中对齐，则可以将CSSmargin属性与auto左侧和右侧的值一起使用，即为margin: 0 auto;div元素设置样式规则。自动值会自动调整左右边距，并水平居中对齐div元素的块框。

但是，仅当父元素的宽度大于您要对齐的包含div元素的宽度时，此解决方案才有效。让我们看一个例子：

例试试这个代码»

<!DOCTYPE html>

<head>

<title>Horizontally Center a Div Using CSS</title>

<style>

.container {

width: 80%;

margin: 0 auto;

padding: 20px;

background: #f0e68c;

}

</style>

</head>

<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</div>

</body>

</html>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h61040.shtml