-
字母基线，拉丁字母；悬挂基线，特殊字母；表意基线，汉字查看全部
-
消除图片底部间隙的方法 1、图片块状化、无基线对齐 2、图片底部对齐、 3、行高足够小；line-height：0px查看全部
-
内联元素的高度是由行高line-height决定的!查看全部
-
行内框盒子模型查看全部
-
inline-block的元素的vertical-align的默认是baseline，即基线下边缘对齐。 隐匿文本节点会造成图文混排的空隙。 如何消除图片下边缘空白：方法1：img{diaplay:block;}原因是vertical-align只对行内元素有效，对块状元素无效，此时不存在baseline对齐。方法2：img{vertical-align: bottom}底线对齐。方法3：.box{line-height: 0;}此时行高足够小，基线位置上移。查看全部
-
line-height实际应用:除了单行文本的垂直居中，还有实现大小不固定的图片、多行文字的垂直居中，还有代替height以避免ie6/ie7下得hashlayout。<br> 大小不固定的图片的垂直居中:.box{text-align:center; line-height:300px;} .box img{vertical-align:middle;}<br> 多行文本的垂直居中:.box{text-align:center; line-height:300px;} .box .text{display:inline-block; line-height:normal; text-align:left; vertical-align:middle;}查看全部
-
body全局数值行高使用查看全部
-
数字和百分比line-height应用元素有差别查看全部
-
内联元素的高度是由行高line-height决定的, 注意是内联元素。更需要注意的是行高(line-height)不是真正的原因，真正的原因是内容区域(content-area)和行间距(vertical space)，这是因为line-height = content area + vertical space，其中content area 高度和字体及字号有关，simsum时：content area height = font-size，vertical space可大可小，甚至会是负值，用来保证内联元素高度和line-height相等。vertical space = 2 * half vertical space。<br> 每当我们设置line-height时，实际是在设置half vertical space [half vertical space = (line-height - content area height) / 2]， 这样就达到了设置内联元素单行行高的目的。查看全部
-
line-height:行高 指两行基线之间的距离查看全部
-
line-height设置1.4286（谷歌浏览器）查看全部
-
多行文本水平垂直居中查看全部
-
行内框盒子模型查看全部
-
多行文本水平垂直居中查看全部
-
vertical-align:center，不是绝对的垂直居中，而是基线往上(1/2)*X的高度。查看全部
举报
0/150
提交
取消