如何让一个div在另一个div中居中
发布网友
发布时间：2022-04-20 20:22
共3个回答
懂视网
时间：2022-04-21 00:43
回复讨论(解决方案)
可以使用js动态计算2者的宽度 高度然后进行除2，设置div1 的padding
我的div1宽度是随着浏览器跨度延伸的
延伸就延伸呗，你直接把div1的width属性去掉就行了
只要div2的宽度是固定的就行。
我的div1宽度是随着浏览器跨度延伸的
1111
热心网友
时间：2022-04-20 21:51
<html>
<head>
<meta charset="utf-8">
<title>margin</title>
<style type="text/css">
.box{ width:400px; height:200px; background:#066; padding:0; margin:0; display:inline-block;}
.min_box{ width:200px; height:100px; background:#063; padding:0; margin:50px auto;}
</style>
<!--使用margin:50px auto;第二个参数auto就是设置左右距离的auto就是居中显示，50px上下的距离（深圳网站建设:www
.sz886.com）-->
</head>
<body>
<div class="box"><div class="min_box"></div></div>
</body>
</html>
热心网友
时间：2022-04-20 23:09
<div style="text-align:center;">
<div style="width:200px;height:200px;background:red;display:inline-block;"></div>
</div>
二:
<div>
<center><div style="width:200px;height:200px;background:red;"></div></center>
</div>
三：
<div>
<div style="width:200px;height:200px;background:red;margin:0px auto;"></div>
</div>
ps:通过定位等方式也可以居中
