垂直居中在项目中被广泛使用，好像在各种公司面试中也经常被问到。下面介绍一些常用的方法和一些比较奇怪的方法，仅供参考参考。首先设置基本样式部分{width:300px;高度：300px；背景：#03A9F4；}.block{宽度：50px；高度：50px；颜色：#fff；背景：#FFCA28；}使用flexboxflexbox是我现在最常用的布局方式，可以设置justify-content和align-items轻松实现水平和垂直居中，不用关心父元素和子元素的高度。
垂直居中在项目中被广泛使用，好像在各种公司面试中也经常被问到。下面介绍一些常用的方法和一些比较奇怪的方法，仅供参考参考。首先设置基本样式部分{width:300px;高度：300px；背景：#03A9F4；}.block{宽度：50px；高度：50px；颜色：#fff；背景：#FFCA28；}使用flexboxflexbox是我现在最常用的布局方式，可以设置justify-content和align-items轻松实现水平和垂直居中，不用关心父元素和子元素的高度。