-
行高 是两个基线的距离(图示).
查看全部 -
不同的字体 在"基线对齐"方面的表现不同
查看全部 -
"两行基线之间的距离 就是 行高!"
查看全部 -
"悬挂基线" "表意基线"
查看全部 -
.box{line-height: 300px;text-align:center;} .box>img{vertical-align:middle}实现了盒子里图片的水平垂直居中
.box{ line-height:300px; text-align:center} .box > .text{ display:inline-block;line-height:normal; text-align:left;vertical-align:middle;}实现多行文本的水平垂直居中
查看全部 -
<p><img src="..."></p>
上面代码虽然p标签里面只有一个img标签，但是会有“隐匿文本节点"的存在，再加上vertical-align的默认值为baseline，所以表现起来，图片下面会有一个间隙（因为存在行高的情况下，隐匿文本节点的baseline与图片对齐）。
消除间隙的方法
图片块状话-无基线对齐
img{display:block}2.图片底线对齐
img{vertical-align:bottom}3行高足够小-基线上移
.box{line-height:0}查看全部 -
line-height: 1.5 line-height:150%/1.5em
两者对当前元素的计算是一样的，但对可继承元素不同，前者的继承元素会根据继承元素的font-size重新计算行高，后者是当前元素计算后，把值继承给子元素
查看全部 -
行内盒子模型：
内容区域： 即鼠标选中以后，蓝色背景的那一部分
内联盒子：由文字和行内元素所组成的部分，单纯的文字组成的盒子又叫 匿名内联盒子
行框盒子：每一行所占据的部分
包含盒子：即最外一层所包含的
例如一个p标签，内容比较多，显示为3行，则p标签这个包含盒子拥有3个行框盒子
查看全部 -
内容区域高度 + 行间距 = 行高
只有simsun字体下 内容区域高度==font-size
查看全部 -
多行文本水平垂直居中效果实现
查看全部 -
消除图片底部间隙的方法：
1、图片块状化
2、图片底线对齐
3、行高足够小
查看全部 -
行高不会影响图片占据的高度，而是会影响文字的高度
查看全部 -
body全局数值行高使用经验，font-size：14px，line-height：1.4286
查看全部 -
line-height为整数和百分比时的区别，数字是重新计算，百分比是继承line-height属性，推荐使用数字而不是百分比
查看全部 -
line-height:<number>时，行高根据字体大小来计算
查看全部
举报