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

hrs 提交于 2021/10/23 - 10:40 , 周六

使用 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

标签