关于font-size对垂直居中影响的问题
2018-03-30 10:59
483 查看
关于font-size对垂直居中影响的问题
背景:三个inline-block元素,其中两个内容为空,另外一个包含文字,设置文字的font-size之后,原本垂直居中的三个inline-block的元素,会变的不再垂直居中。原因: 当设置了font-size之后,改变了元素排列的基线。垂直方向的默认基线是是baseline。当文字设置font-size之后,会将inline-block元素的默认基线设置为文字的base-line,从而导致排列的问题。
相关文章推荐
- 关于font-size对垂直居中影响的问题
- 关于RelativeLayout设置垂直居中对齐不起作用的问题
- 关于CSS中的水平/垂直居中问题
- 关于css中的水平垂直居中问题总结
- 关于html水平垂直居中的问题小结
- 关于div中img,span垂直居中的问题
- 关于CSS制作水平/垂直居中对齐问题
- 关于谷歌不支持font-size小于12px的问题
- 【面试问题】关于水平居中和垂直居中
- 关于RelativeLayout设置垂直居中对齐不起作用的问题
- 关于背景图相对父容器垂直居中问题 —— vertical-align 和 line-height 之间的区别
- 关于使用绝对定位使元素垂直居中的问题
- CSS关于元素垂直居中的问题
- H5 手机页面字体显示大小与css设置不一致,viewport影响font-size问题
- 关于IE8与FireFox中,button内字体总是有一个不垂直居中的问题
- css中关于div中文本垂直居中的问题。
- 关于RelativeLayout设置垂直居中对齐不起作用的问题
- 关于css中的内容左右居中和垂直居中问题的简单处理
- 关于DIV重叠定位和图片垂直居中问题的研究(兼容FF、IE6、7、8)
- (5)关于Flume内存溢出的问题,此时会报各种莫名奇妙的异常,异常如下 [html] view plain copy print? <span style="font-size:18px;">org