div怎样在屏幕左右居中
发布网友
发布时间：2022-04-22 05:16
共3个回答
热心网友
时间：2023-07-09 04:09
让div左右居中可以使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二，样式如下：
<style type="text/css">
.main{
position:absolute;
top:50%;
left:50%;
width:200px;
height:100px;
margin-top:-50px;
margin-left:-100px;
border:1px solid red;
line-height:30px;
font-size:16px;
text-align:center;
}
</style>
热心网友
时间：2023-07-09 04:10
<div style="width:500px;margin:0 auto">这样即可左右局中</div>
热心网友
时间：2023-07-09 04:10
<html>
<head>
<style>
.信春哥{
margin-left:auto;
margin-right:auto;
width:200px;
background-color:red;
height:100px;
}
</style>
</head>
<body>
<div class="信春哥"></div>
</body>
</html>
要注意
要想层居中
margin-left:auto;
margin-right:auto;
是生效关键
同时层必须设置
width
才能居中
