css 使用flexbox水平居中

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 使用flexbox水平居中相关的知识，希望对你有一定的参考价值。

.horizontal-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

以上是关于css 使用flexbox水平居中的主要内容，如果未能解决你的问题，请参考以下文章

CSS水平居中+垂直居中+水平/垂直居中的方法总结

CSS Flexbox 居中对齐

CSS Flexbox - 在两个 div 之间居中一个 div [重复]

使用 CSS Grid 和 Flexbox 水平对齐位于不同网格单元格中的元素

Flexbox：水平和垂直居中

Flexbox：水平和垂直居中