CSS max-width 属性
下面有更多实例。
定义和用法
max-width 属性定义元素的最大宽度。
如果内容大于最大宽度，它将自动更改元素的高度。
如果内容小于最大宽度，则 max-width 属性无效。
注释: 这样可以防止 width 属性的值大于
max-width。
max-width 属性的值将替代 width 属性。
| 默认值: | none |
|---|---|
| 继承性: | no |
| 支持动画: | yes, 请参阅单独的属性. 阅读有关动画的信息 测试一下 |
| 版本: | CSS2 |
| JavaScript 语法: | object.style.maxWidth="600px" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
语法
max-width: none|length|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| none | 没有最大宽度。这是默认值 | 亲自试一试 » |
| length | 以px、cm等为单位定义最大宽度。 阅读长度单位 | 亲自试一试 » |
| % | 以包含块的百分比定义最大宽度 | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
更多实例
相关页面
CSS 教程: CSS 高度和宽度
CSS 参考手册: min-width 属性
HTML DOM 参考手册: maxWidth 属性
