CSS max-height 属性

描述

max-height属性用于设置元素高度的上限。

可能的值

length − 任何长度单位。元素的高度不能超过此距离。
percentage − 将元素的高度限制为容器块高度的最大百分比。
none − 元素的高度没有限制。

适用于

除了非替换的内联元素和表格元素之外，适用于所有HTML元素。

DOM语法

object.style.maxHeight = "50px"

示例

这里是示例-

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; max-height:10px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
      </p>

      <img alt = "logo" src = "https://geek-docs.com/static/logo.png" width = "95" height = "84" />
   </body>
</html>

这将产生以下结果−

CSS max-height 属性