html中让元素水平居中显示

最新推荐文章于 2025-06-10 20:42:44 发布

原创最新推荐文章于 2025-06-10 20:42:44 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用CSS margin属性实现元素水平居中的方法，强调了设置宽度的重要性，并探讨了其在IE678浏览器中的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript"></script>
<style type="text/css">
*{margin:0;padding:0;}
.div{margin:auto;border: solid 1px blue;}
.div{width: 500px;height: 500px;}
</style>
</head>
<body>
	<div class="div">
	</div>
</body>
</html>

如上只需要设置margin为auto 便会水平居中但是必须要设置宽度，这是我找到的最好的办法，不过不知道可以不可以在ie678中兼容