|
|
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学习就是一个不断纠结与反纠结的过程，只有你把他们都反纠结了，豁然开朗。~~等着高手给我醍醐灌顶~ |
|
发表于 2010-12-15 17:11:56
提升卡
沉默卡
变色卡
楼主
