css max-width最大宽度样式

2022-11-01 20:58:01 div css max-width最大宽度设置对象最大宽度限度样式属性设置教程使用方法。

这个max-width和min-width最小宽度对应最大宽度样式,常用于设置对象100%宽度时候,但又不想要太宽,超出想要布局宽度,此时使用max-width即可。

语法:

max-width:1200px —— 设置最大宽度微1200px。

div{max-width:1200px;margin:-0 auto}
p{max-width:1000px}

设置div标签默认最大宽度1200px,并布局居中,设置p段落标签最大宽度1000px,当然很少这样使用。

最大宽度样式max-width使用场景描述:

网页设置100%宽度自适应时候,当不想网页自适应浏览器分辨率超过1400px宽度,最大宽度微1400px时候,这个时候需要设置此样式即可。

#box{width:100%;max-width:1200px;margin:0 auto}

对id=box对象设置自适应宽度,但最大宽度1200px,意思当用户显示屏分辨率非常宽,也最大显示1200px宽度。

更新