CSS 基础学习-121 css使用 width、max-width 和 margin: auto 设置元素的宽度

由 hrs, 23 十月, 2021

使用 width、max-width 和 margin: auto 设置元素的宽度

实例代码：

<!doctype htmli>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      div{
        border:2px solid green;
        margin:auto;
        margin-top:10px;
      }   
      div.div1{
        max-width:500px;
      }   
      div.div2{
        width:500px;
      }   
    </style>
  </head>
  <body>
    <h1>CSS max-width 属性</h1>
    <div class="div1">这个div元素的宽度是：500px;</div>
    <div class="div2">这个div元素的最大宽度是：500px；</div>
    <p><span>提示：</span>将浏览器窗口拖动到小于500px的宽度，以查看这两个div！</p>
  </body>
</html>

运行效果：

css-121.png

标签

评论