块级元素的line-height 和 height 之间的关系

谈line-height 和 height 对于块级元素的意义

问题1 line-height对块级元素生效吗,他不是针对内联元素的属性吗?如何影响块级元素

假如 未设置block高度,只设置宽度,block高度将有block里面的inline元素撑开

<style>
			.box{
				line-height: 200px;
				background-color: salmon;
					width: 300px;
					/* height: 300px; */
			}
		
		</style>
	</head>
	<body>
		<div class="box">
			<br>
		</div>

line-height好像是height

标题这种效果就好像是line-height成为了高度的替代属性,其实line-height无法操作block的任何属性,只是通过操控block的内联元素间接改变自己,如果里面没有内联元素,则不起作用

<style>
			.box{
				line-height: 200px;
				background-color: salmon;
					width: 300px;
				height: 100px; 
			}
		
		</style>
	</head>
	<body>
		<div class="box">
			<br>
		</div>

line-height不起作用height直接作用于blcok

结论是line-height和block没有关系

猜你喜欢

转载自blog.csdn.net/qq_26239917/article/details/88378711