区块上下左右居中布局

最新推荐文章于 2025-06-07 09:56:29 发布

弹琴弹琴

最新推荐文章于 2025-06-07 09:56:29 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： css

本文链接：https://blog.youkuaiyun.com/bbsyi/article/details/72189478

本文介绍了一种利用jQuery库与CSS样式实现页面元素精确居中的方法。通过绝对定位和自动边距属性，使得红色方块能够在浏览器窗口中始终保持居中显示，无论窗口大小如何变化。

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

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

   <style>
      #box{
         width: 100%;
         height: 100%;
      }
      #mar{
         width: 300px;
         height: 300px;
         background-color: red;
         position: absolute;
         left: 0;
         right: 0;
         top:0;
         bottom: 0;
         margin: auto;
      }
   </style>
</head>
<body>
   <div id="box">
      <div id="mar"></div>
   </div>
</body>
</html>