盒子居中
来源:9-9 外边距
到底是幼稚
2022-04-25 18:45:16
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>外边距</title>
<style>
*{
margin: 0px;
padding: 0px;
}
div{
display: inline-block;
width:200px;
height: 200px;
border: 1px solid red;
background-color: salmon;
/* 设置盒子居中 */
margin:0 auto;
}
</style>
</head>
<body>
<div id="s"></div>
</body>
</html>margin:0 auto为什么不生效呢
1回答
好帮手慕小脸
2022-04-26
同学你好,div的display:inline-block和margin:0 auto居中是不兼容的,所以居中效果不生效,这里div只能配合display:block 和 witdh后才能用margin:0 auto居中

祝学习愉快~
相似问题
回答 1
回答 1