这篇博文主要记录各种实现水平居中的方法，还有它们的优缺点等。
子元素div在父元素div中实现水平居中
1.使用inline-block 和 text-align：
<!DOCTYPE html>
<html>
<head>
<title>asd</title>
<style type="text/css">
.parent
{
height: 200px;
background-color: black;
text-align: center;
}
.child
{
height: 150px;
width: 600px;
background-color:purple;
display: inline-block;
}
</style>
</head>
<body>
<div class="parent">
<div class="child"></div>
</div>
</body>
</html>
时间： 2024-08-06 12:03:43