div居中之margin: 0 auto;

最新推荐文章于 2022-11-04 16:29:54 发布

白桦叶

最新推荐文章于 2022-11-04 16:29:54 发布

阅读量913

点赞数

分类专栏： html 文章标签： html div居中

本文链接：https://blog.youkuaiyun.com/meng58/article/details/10979837

版权

html 专栏收录该内容

1 篇文章

订阅专栏

让div居中，今天搞了半天，原来是div没设宽度，要想让使用margin:0 auto 让div居中必须设置宽度！如下：

<html>
<head>
<title>div居中</title>
</head>
<body>
<!--文本居中："text-align:center;",div居中："margin:0 auto;"-->
<style>
.div {width:700px;height:600px;margin:0 auto;border:10px solid #9bb17e;text-align:center;}
</style>
<div id="idDiv" class="div" class="div1">
<p>文本居中</p>
</div>
</body>
</html>