-
将第二个盒子行高设为零，行高变成一条线位于盒子上边缘；同时变成线的行高将文字内容区域一分为二，故文字的基线相对于第二个盒子又往上移了。查看全部
-
举个例子：第一个inline-box无内容，基线在margin底边缘；第二个inline-box有文字，基线在x字母下边缘。两个元素基线对齐。查看全部
-
inline-box元素内容为空或者overflow属性不为visible，它的基线和margin底边缘对齐，否则基线受inline-box里面的文字或图片影响。查看全部
-
对于内联元素，一定会受行高和垂直对齐影响查看全部
-
行高和垂直对齐共同解决问题查看全部
-
近似垂直居中对齐的兼容性，注意IE7查看全部
-
大小不固定图片的近似垂直居中查看全部
-
方法三：改变行高查看全部
-
方法二：改变垂直对齐方式查看全部
-
方法一：消灭垂直对齐查看全部
-
对图片下方的空白对症下药查看全部
-
不定行文字与图片垂直居中对齐查看全部
-
垂直居中只会作用于table-cell本身元素，垂直居中使用于里面的子元素不起作用。查看全部
-
典型的垂直居中失效查看全部
-
默认状态下支持垂直对齐的元素查看全部
举报
0/150
提交
取消