垂直居中的新颖方式

软文推广5个月前更新 刘老三
49 0

直到最近,Flexbox 布局还是几种可能的扭曲方法中最直接的方法,用于在 中垂直对齐文本或子元素div:

display: flex;
align-items: center;

文本或子元素在flex父元素内很好地垂直居中:

布局没有问题flex,性能当然也没有问题,只是现在有了一个新的、更简洁的 CSS 属性。

垂直对齐元素内容的最佳方法

由于最近不再是两个属性,display: flex; align-items: center;只需一个 CSS 属性就足以垂直对齐文本或子元素:align-content: center;

CSS 属性align-content并不新鲜,但直到最近,如果没有flex.现在它可以在块元素中使用。

align-content您可以在我的示例网页https://alignvertically.onrender.com/上看到如何完美地工作

© 版权声明

相关文章