如何让一个div在另一个div中居中

答案:3 悬赏:0 手机版

解决时间 2021-03-18 01:44

提问者网友：最美的风景
2021-03-17 13:52

如何让一个div在另一个div中居中

最佳答案

五星知识达人网友：英雄的欲望
2021-03-17 15:16

一：
<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:通过定位等方式也可以居中

全部回答

1楼网友：青尢
2021-03-17 17:42

<!doctype html> <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>  </head> <body> <div class="box"><div class="min_box"></div></div> </body> </html>

2楼网友：枭雄戏美人
2021-03-17 16:50

1、一般情况下div居中失效是因为没写dtd语句　　在页面的最上方加上：　　＜!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" " <a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.w3.org%2ftr%2fxhtml1%2fdtd%2fxhtml1-transitional.dtd%22" target="_blank">http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"</a>＞　　就可以了！其实其他很多css的问题也是因为没有加上dtd语句引起的。　　2、使用margin来让div居中　　最简单的写法就是：　　.divstyle{ margin:0 auto; } 　　复杂一些就把左右边距都加上：　　.divstyle{ margin-left:auto; margin-right:auto; } 　　这样就可以试想div居中了！

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！