首页 / CSS / cssmax-width属性怎么用

cssmax-width属性怎么用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了cssmax-width属性怎么用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1073字，纯文字阅读大概需要2分钟。

内容图文

css max-width属性设置元素的最大宽度；不允许指定负值。该属性会对元素的宽度设置一个最高限制；因此，元素可以比指定值窄，但不能比其宽。所有主流浏览器都支持 max-width 属性。

cssmax-width属性怎么用 - 文章图片

css max-width属性怎么用？

max-width属性定义元素的最大宽度。

语法：

max-width: none|length|%|inherit;

属性值：

●　none：默认。定义对元素的最大宽度没有限制。

●　length：定义元素的最大宽度值。

●　%：定义基于包含它的块级对象的百分比最大宽度。

●　inherit：规定应该从父元素继承 max-width 属性的值。

说明：该属性会对元素的宽度设置一个最高限制。因此，元素可以比指定值窄，但不能比其宽。不允许指定负值。

注释：所有主流浏览器都支持 max-width 属性。

css max-width属性 示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			p {
				max-width: 400px;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<p>这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。
		   这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。
	           这是一些文本。
		</p>

	</body>

</html>

效果图：

cssmax-width属性怎么用 - 文章图片

以上就是css max-width属性怎么用的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的cssmax-width属性怎么用全部内容，希望文章能够帮你解决cssmax-width属性怎么用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/282558.html

来源：【匿名】