介绍
小编给大家分享一下css中max-width属性的用法,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
css max-width属性设置元素的最大宽度;不允许指定负值。该属性会对元素的宽度设置一个最高限制,因此,元素可以比指定值窄,但不能比其宽。所有主流浏览器都支持max-width属性。
max-width属性定义元素的最大宽度。
<强>语法:强>
max-width:没有长度| | % |继承;
<强>属性值:强>
●没有:默认。定义对元素的最大宽度没有限制。
●长度:定义元素的最大宽度值。
●%:定义基于包含它的块级对象的百分比最大宽度。
●继承:规定应该从父元素继承max-width属性的值。
<强>说明:强>该属性会对元素的宽度设置一个最高限制,因此,元素可以比指定值窄,但不能比其宽。不允许指定负值。
<强>注释:强>所有主流浏览器都支持max-width属性。
<强> css max-width属性示例强>
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt;元charset=皍tf-8"祝辞 & lt;风格类型=拔谋?css"比; p { max-width: 400 px; 边界:1 px固体红; } & lt;/style> & lt;/head> & lt; body> & lt; p>这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。 这是一些文本。 & lt;/p> & lt;/body> & lt;/html>
效果图:
看完了这篇文章,相信你对css中max-width属性的用法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!