欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

css怎么设置最大高度

程序员文章站 2022-03-10 18:53:26
...

css设置最大高度的方法是，利用max-height属性来实现，如【max-height:50px;】，表示设置最大高度为50px。

css怎么设置最大高度

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

css中的max-height 属性可以设置元素的最大高度。

属性值：

  • none 默认。定义对元素被允许的最大高度没有限制。

  • length 定义元素的最大高度值。

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

  • inherit 规定应该从父元素继承 max-height 属性的值。

举例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
p
{
	max-height:50px;
	background-color:yellow;
}
</style>
</head>

<body>
<p>这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。</p>
</body>
</html>

相关推荐：css视频教程

以上就是css怎么设置最大高度的详细内容，更多请关注其它相关文章！

相关标签： css 高度

上一篇： php正则替换标签的实现方法

下一篇： css如何选择元素

推荐阅读