-
高度表现正好 内容区域高度+行间距=行高查看全部
-
高度表现不是行高而是内容区域和行间距查看全部
-
行内元素高度由行高决定查看全部
-
光秃秃的文字为是匿名内联盒子查看全部
-
内容区域content area 是一种围绕文字看不见的盒子。大小与font-size相关查看全部
-
line-height:200px 距离基线200px的位置查看全部
-
两个基线之间的距离就是行高查看全部
-
包含盒子查看全部
-
行框盒子查看全部
-
内联盒子查看全部
-
内容区域查看全部
-
1，行高，基线，主要说明基线的问题是行高的标志 2.解释了行内框盒子模型效果， 内容区域，内联盒子，行内盒子，包含盒子。 3，line-height 高度机理 ，，行高==内容区域+行间距；内容区域=字号+字体（字体为宋体）； 4，line-height的各种属性，normal，默认属性和浏览器和字体有关系，number，根据font-size有关系，length，直接固定具体长度大小（px，pt，em。。。），percent，百分比，inherit继承关系（这个章节主要说明了一下百分比和数值的关系，还不是很清楚，需要在看其他资料自己了解）； 5，body全局数值行高的经验，body｛font-seiz：14px；line-height：1.4286｝是根据20字号下的宋体进行得出来的结论，再次用到了数值和百分比的关系。 6，解决图片下面有空白的bug三种解决方法，图片块状话，图片底线对其，行高为零， 7，line-height的实际应用，图片居中，多行居中，line-height和height的关系。 少数字体会显示如图查看全部
-
{height: 36px; line-height: 36px;} ==> {line-height: 36px;}文本垂直居中 多行文本垂直居中 ie8+ .box{line-height: 250px; text-align: center;} .box > .text{display: inline-block; line-height: normal; text-align: left; vertical-align: middle;max-width:100%;}查看全部
-
图片近似垂直居中，“vertical-align:middle”实际是基线往上1/2X高度； 适合IE8+。查看全部
-
消除图片底部间隙 1.图片块状化--无基线对齐 img{display:block;} 2.图片底线对齐 img{vertical-align:bottom;} 默认是vertical-align: baseline 3.行高足够小--基线位置上移 box{line-height:0;} 特例：小图片和大文字，基本高度就受行高控制查看全部
举报
0/150
提交
取消