其他分享
首页 > 其他分享> > CSS3中max-height与min-height的用法

CSS3中max-height与min-height的用法

作者：互联网

css3中height 超出继续显示  与max-height一样

<style>
    div{
        background: #ff6666;
        width: 200px;
        max-height: 100px;
    }
</style>
<body>
  <div>
      这个是经典的故事
      这个是经典的故事
      这个是经典的故事
      这个是经典的故事这个是经典的故事这个是经典的故事
      这个是经典的故事
  </div>
</body>
</html>

css3中min-height 随内容自动增加

<style>
    div{
        background: #ff6666;
        width: 200px;
        min-height: 100px;
    }
</style>
<body>
  <div>
      这个是经典的故事
      这个是经典的故事
      这个是经典的故事
      这个是经典的故事这个是经典的故事这个是经典的故事
      这个是经典的故事 www.dc3688.com
  </div>
</body>
</html>

标签：CSS3,这个,故事,min,max,height,经典
来源： https://www.cnblogs.com/96net/p/15864242.html