css中max-width属性的用法

  介绍

小编给大家分享一下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属性的用法

看完了这篇文章,相信你对css中max-width属性的用法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

css中max-width属性的用法