-
.box {line-haight:300px;text-align:center;} .box>img {vertical-aling:middle;} 图片水平垂直居中查看全部
-
1.若行高为0，则底线（baseline）重合 2.baseline是英文X的底线 3.不同的字体 baseline不同查看全部
-
图片的text-align利用了一个隐匿的文本节点+position：absolute查看全部
-
宋体下font-size会等于内容盒子的大小。内容距离+行高=line-height？查看全部
-
line-height为两条基线之间的距离？查看全部
-
line-height实际应用：代替IE6/IE7下的haslayout查看全部
-
1.IE6等浏览器设置了height后有haslayout问题 2.可以单写{line-height:36px;},再加上"height:36px"是多余的查看全部
-
可能还需加上：max-width:100%查看全部
-
兼容性：IE8及其以上浏览器才支持查看全部
-
近似居中，因为实际上基线的位置会因字体不同而有所偏差查看全部
-
多行文本的高度就是单行文本高度累加查看全部
-
内联盒子的高度不一定由最高的行高决定，比如设置了vertical-align的情况查看全部
-
消除图片底部间隙的方法： 1.图片块状化-无基线对齐: img:{display:block;} 2.图片底线对齐: img{vertical-align:bottom;} 3.行高足够小-基线位置上移: img{line-height:0;}查看全部
-
隐匿文本节点查看全部
-
1.5：子元素继承后会结合自身的font-size重新计算行高 150%/1.5em：子元素直接继承，不会重新计算行高查看全部
举报
0/150
提交
取消