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

最新推荐文章于 2023-06-30 10:51:57 发布

Fade Away

最新推荐文章于 2023-06-30 10:51:57 发布

阅读量1.7k

点赞数

分类专栏： CSS属性文章标签： CSS

本文链接：https://blog.csdn.net/qq_26239917/article/details/88378711

版权

CSS属性专栏收录该内容

23 篇文章 0 订阅

订阅专栏

谈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没有关系

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Fade Away

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
块级元素的line-height 和 height 之间的关系

谈line-height 和 height 对于块级元素的意义问题1 line-height对块级元素生效吗，他不是针对内联元素的属性吗？如何影响块级元素假如未设置block高度，只设置宽度，block高度将有block里面的inline元素撑开&amp;lt;style&amp;gt; .box{ line-height: 200px; background-color: s...
复制链接

扫一扫