为了账号安全,请及时绑定邮箱和手机立即绑定

这一节描述似乎有点问题

这一节似乎描述似乎有点问题。原文:

父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。(height: 该元素的高度,line-height: 顾名思义,行高(行间距),指在文本中,行与行之间的 基线间的距离 )。

line-height 与 font-size 的计算值之差,在 CSS 中成为“行间距”。分为两半,分别加到一个文本行内容的顶部和底部。

这种文字行高与块高一致带来了一个弊端:当文字内容的长度大于块的宽时,就有内容脱离了块。

上文中:父元素的 height ,是指容器的高度,即设置了背景色的这块高度吗?

 line-height:行间距,行与行之间的基线距离?可以理解为一行文本的高度加上它下面的空白高度吗?还是说上下行文字之间的空白高度?

line-height 与 font-size 的计算值之差是行间距??这个行间距就是上下行文字之间的空白高度*2吧?按照这样说,line-height就应该是一行文字加上下空白的高度了,这样的话这个定义是不是不太对?

正在回答

4 回答

之前纠结过,但是我看过一个行高的视频就懂,基线是类似于5线的中的一根,并不在中间,希望你能早点解决问题。

0 回复 有任何疑惑可以回复我~
#1

黑山头山大王 提问者

5条线那个吧?按照那种说法,行高应该是一行文字加上一行空白之间的高度。可是在这里,行高是一行文字加上其上下两行空白的距离,如果有多行文字,那这个行高不是得不到整值吗?有点懵,不过还是按照这里的来理解了!
2016-09-23 回复 有任何疑惑可以回复我~
#2

黑山头山大王 提问者

非常感谢!
2016-09-27 回复 有任何疑惑可以回复我~

看了这个问题后,懵逼了!行间距应该怎么理解!我一直认为就是行与行之间的空白部分就是行间距!难道不能这样理解吗?

0 回复 有任何疑惑可以回复我~
#1

黑山头山大王 提问者

这样理解好像是错的,多找找资料看看
2016-11-05 回复 有任何疑惑可以回复我~
#2

街角疯 回复 黑山头山大王 提问者

好的!谢谢!这基础差这头痛!
2016-11-06 回复 有任何疑惑可以回复我~

按照这里的说法,line-height是指一行文字高度加上其上面和下面空白行的高度,但是如果要划出一段多行文字里面的line-height,似乎不太好找,只能是定位一行文字,加上这行文字的上面空白和下面空白,这段文字把上下空白都霸占了以后,与这行文字相邻的两行文字,都是只有一段空白高度可加了,只能是隔段文字才能化出准确的line-height。本人有轻微强迫症,这种划分有点难接受啊!

0 回复 有任何疑惑可以回复我~
#1

qq_苔上雪_04205930

这个问题解决了吗,我也疑惑,line-height文字高加行距的话,父元素的heigh是指容器的高度吗,如果这两个相当,也做不到垂直居中啊,除非高度确定的单行文本默认设置就是居中的。上下行边距一样吧? 交流一下。。
2016-10-31 回复 有任何疑惑可以回复我~
#2

黑山头山大王 提问者 回复 qq_苔上雪_04205930

没有再继续深入了,反正我是按照我上面说的来理解了,以后碰到再研究,现在还有很多要学
2016-11-05 回复 有任何疑惑可以回复我~

看了问题,让我对这个定义又模糊了。。。

0 回复 有任何疑惑可以回复我~
#1

黑山头山大王 提问者

你之前是怎么理解的,交流下。
2016-09-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这一节描述似乎有点问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号