-
内联元素的高度 是由line-height决定的查看全部
-
行内框盒子模型 4包含3,3包含2,2和1的关系暂定理解为类似于平行关系查看全部
-
行内框盒子模型 4、包含盒子 containing box 是由一行一行的行框盒子组成，比如，p标签内的文字换行，那么包含盒子就是包含两行的盒子，每一行有一个行框盒子查看全部
-
行内框盒子模型 3、行框盒子 line boxes查看全部
-
行内框盒子模型 2、内联盒子 inline boxes查看全部
-
行内框盒子模型 1、内容区域 content area 只与字体大小有关与行高无关查看全部
-
行内盒子模型查看全部
-
内联盒子模型查看全部
-
行高line-height的定义 两行文字基线之间的距离查看全部
-
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的关系。查看全部
-
内联盒子：inline boxes 不会使内容成块 而是成排 行框盒子：line boxes 由内联盒子组成 包含盒子：containing box 由行框盒子组成 内容区域：content area查看全部
-
内联盒子不会让内容成块显示，而是一排显示。查看全部
-
line-height:1.4286查看全部
-
图片水平垂直居中：.box{line-height: 300px; text-align:center;} .box>img{vertical-align: middle}——（IE8+）； 多行文本垂直居中：见图查看全部
-
因为chrome的问题，需把比例四舍五入查看全部
举报
0/150
提交
取消