css 使用parent伪元素垂直对齐内联块元素:before或:after。无论父母身高还是身高都无所谓

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使用parent伪元素垂直对齐内联块元素:before或:after。无论父母身高还是身高都无所谓相关的知识,希望对你有一定的参考价值。

#parent { font-size: 0px; }
  #parent:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
  #element { display: inline-block; vertical-align: middle; font-size: 10px; }

以上是关于css 使用parent伪元素垂直对齐内联块元素:before或:after。无论父母身高还是身高都无所谓的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 CSS 垂直对齐没有垂直空格的内联块 div?

css text-align:内联块元素的对齐技术

css - 垂直对齐

有几张高度不一样的小图片,如何用html+css实现在同一行垂直居中对齐?

水平和垂直对齐伪元素的内容

CSS:有没有办法在每个列表元素之前垂直对齐数字/项目符号?