-
图片底部间隙是隐匿文本节点起作用 text-align:center;也是同样原理查看全部
-
图片外层容器高度变化是由文字行高和垂直方向对齐方式共同影响的查看全部
-
1.行高由于继承性，影响无处不在，即使单行文本也不例外 2.行高只是幕后黑手，高度的表现不是行高，而是内容区域和行间距查看全部
-
内联元素的高度是由line-height决定的查看全部
-
line-height 替代 height查看全部
-
多行文本水平居中查看全部
-
内容区域高度查看全部
-
内敛元素高度由行高决定查看全部
-
{height: 36px; line-height: 36px;} ==> {line-height: 36px;} 大小不固定图片垂直居中 ie8+ .box{line-height: 300px; text-align: center;} .box > img{vertical-align: middle;} 多行文本垂直居中 ie8+ .box{line-height: 250px; text-align: center;} .box > .text{display: inline-block; line-height: normal; text-align: left; vertical-align: middle;} ie7-查看全部
-
行高不会影响图片(inline属性元素，表现inline-block属性元素)实际占据高度 图片底部间隙--隐匿文本节点 消除图片底部间隙 1.图片块状化--无基线对齐 img{display:block;} 2.图片底线对齐 img{vertical-align:bottom;} 3.行高足够小--基线位置上移 box{line-height:0;} 特例：小图片和大文字，基本高度就受行高控制查看全部
-
line-heigth: normal; 默认，不同浏览器有所差异，不同字体也有所差异。 line-heigth: <number> 根据当前元素的字体大小计算，line-height = 1.5 * 20px = 30px。 line-height: <length> **em;**rem;**px;**pt。 line-heigth: <percent> 相对于设置该属性元素的字体大小计算，line-height = 150% * 20px = 30px。 line-height: <inherit> 行高继承，ie8+。 应用元素有差别： line-height：1.5 所有可继承元素根据字体大小重新计算。 line-height：150% / 1.5em 当前元素根据字体大小计算，继承给后代元素。 body全局行高数值 一般博客、文章等中阅读应用line-height:1.5左右 其余地方匹配20px line-height: 20px / 14px = 1.42857 = 1.4286 font-size: 14px / 1.4286查看全部
-
内联元素高度机制 由line-height决定 行高有继承性 行高 = 内容区域高度 + 行间距 内容区域高度 与字号、字体有关 simsun(宋体),内容区域高度等于字体大小 simsun(宋体),行高等于字体大小加行间距 行高决定内联盒子高度；行间距不同字体不同值，用来保证高度正好等于行高。 含多个不同行高内联盒子的行框盒子 高度不等于最高的内联元素 含多个行框盒子的包含容器 多行文本的高度 = 单行文本高度累加查看全部
-
行内框盒子模型 分解 <p>hello world<em>this is em</em></p> 第一个盒子：内容区域(content area)--围绕文字看不见，与字体大小相关。 hello world 第二个盒子：内联盒子(inline boxes)--让内容排成一行，具有"inline"属性标签和字符串（匿名内联盒子）就是。 hello world <em>this is em</em> 第三个盒子：行框盒子(line boxes)--每一行就是。 hello world<em>this is em</em> 第四个盒子：包含盒子(containing box)--标签所在的。 <p>hello world<em>this is em</em></p>查看全部
-
基线（baseline）是西文字体设计与排版的概念，源自西文字母的主体底部对齐的位置。 汉字以一字见方的正方形框架为基准定位，笔画在字框内居中并充满字框，原则上并不存在基线，只有字框和字框中心。 但大陆与日本的横排标点都居左下，于是实际上可以分析出一条「汉字基线」：像西文字母坐在基线上一样，汉字和标点符号也都坐在汉字基线上。汉字基线比汉字字面的下边缘要高。 行高 = 第一行基线到第二行基线距离 行高在实际中没有使得元素垂直居中，除非字体大小为0。查看全部
-
line-height与行间距区别，求法查看全部
举报
0/150
提交
取消