CSS 中使用 auto 值的 margin 属性的作用

值为 auto 的 margin 属性用于在其容器内水平居中元素。您可以尝试运行以下代码来实现 margin: auto;

示例

在线演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 200px;
            margin: auto;
            border: 2px dashed blue;
         }
      </style>
   </head>
   <body>
      <p>This is demo text</p>
      <div>
         This is horizontally centered because it has margin: auto;
      </div>
   </body>
</html>

输出

更新于：2020年6月22日

158 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告