问一个CSS中行内框高度的问题!
CSS有曰:行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。
但是,垂直内边距、边框和外边距不影响行内框的高度。
由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。
-----------------------------曰完了--------------------问问题,百思不得其解------------------的问题---------------------------------------
行内框诸如<span>和<strong>,这个没问题。
第一行“行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。”也好理解,增加或减少填充 框的宽度 外边距调整行内框的间距;
第二行问题大了,非常头大,什么叫“但是,垂直内边距、边框和外边距不影响行内框的高度。”
我在想,这个问题迟迟理解不了,存在两种情况,我对框的高度定义理解错误,第二种,这个解释错了。先自我检查下,什么叫行内框的高度,我的理解是行内框的高度是元素内容高度+padding+margin+border width。因为在 CSS 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。【我觉得我的这个理解没问题的吧】,但是究竟为何“但是,垂直内边距、边框和外边距不影响行内框的高度。”这句话非常纠结,纠结至今,无法解决,求解各位大大,这句话咋理解。
第三行“由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。”理解的似是而非,有一行形成的水平框称谓行框,这个是否意味着段落中的一行一行的每一行就是一个行框?我按照这个逻辑,这个行框当然可以包含行内框了,不然没有行框哪里来的行内框呢?
最后一句“不过,设置行高可以增加这个框的高度。”这个框的高度指的是行内框呢?还是行框呢?目前理解的是行框。
说到了行框,by the way 看看这个无比纠结的解释,高手请通俗的讲下什么是行高和行间距
CSS line-height 属性
定义和用法
line-height 属性设置行间的距离(行高)。
说明《纠结开始》
该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。
line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
原始数字值指定了一个缩放因子,后代元素会继承这个缩放因子而不是计算值。《纠结结束》
CSS学习就是一个不断纠结与反纠结的过程,只有你把他们都反纠结了,豁然开朗。~~等着高手给我醍醐灌顶~ 发完帖子又重新看了一遍,脑子都成浆糊了~ 曾经拿过一本CSS书学,结果看了10页就放一边了,能体会到你的纠结:L 楼主最近学CSS发了不少贴啊,这帖问题太复杂,我也看成浆糊了. CSS都过不了,你就无法做网页,CSS是网页中最简单的,你想的太多了
我建议你再说简单的,不要写那么多中文,用最简单的方式来描述你的问题
因为我都没有看懂你中文里面的那么多名词
是不是就是line-height懂不起吗,这个很简单,来个形象的比喻
line-height与height都是表示高,但是这2个词表示的2个不同物体的高
height表示外部高,line-height表示内部高
好比一个人,他身高1.7米,他的本身高度,我们叫内部高line-height就是1.7米
然后他买了一件衣服加裤子套装,这个套装总长度是1.8米,那么我们可以看成是外部轮廓高height是1.8米
line-height为1.7米,height为1.8米,显然他们结合在一起,衣服长了,内部表现就有有一点变形短缩
在html中,line-height表示行高,意思就是实际要装的html元件的实际高度
height为装这个元件的外部轮廓高度 5# 月光飞燕
热心的飞燕,顶
页:
[1]