height在css里什么意思?

height在css里是高度的意思,是CSS中的高度属性。下面本篇文章就来给大家介绍一下CSS height属性,希望对大家有所帮助。

height属性设置元素的高度。

height属性定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。

属性值:

  • auto:默认。浏览器会计算出实际的高度。

  • length:使用 px、cm 等单位定义高度。

  • ��基于包含它的块级对象的百分比高度。

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

浏览器支持

所有主流浏览器都支持 height 属性。

注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			img.normal {
				height: auto;
			}
			
			img.big {
				height: 120px;
			}
			
			p.ex {
				height: 100px;
				width: 100px;
			}
		</style>
	</head>

	<body>
		<img class="normal" src="2.webp" width="150" height="84" /><br>
		<img class="big" src="2.webp" width="150" height="84" />
		<p class="ex">这个段落的高和宽是 100px.</p>
		<p>
			这是段落中的一些文本。这是段落中的一些文本。 这是段落中的一些文本。
			这是段落中的一些文本。 这是段落中的一些文本。这是段落中的一些文本.
		</p>
	</body>
</html>

效果图:

推荐学习:CSS视频教程(公益免费)

以上就是height在css里什么意思?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读