CSS max-width 属性

描述

max-width属性用于设置元素宽度的上限。

可能的值

length - 任何长度单位。元素的宽度不会超过这个距离。
percentage - 限制元素的宽度最多为包含块宽度的百分比。
none - 元素的宽度没有限制。

适用于

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

DOM语法

object.style.maxWidth = "50px"

示例

这是示例 –

<html>
   <head>
   </head>

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

      <img alt = "logo" src = "/images/css.gif" width = "95" height = "84" />
   </body>
</html>

这将产生以下结果−

CSS max-width 属性