使用 flex 居中。
flex 是 CSS3 引入的一种布局方式,flex 布局提供了多个属性,可以方便地设置网格、对齐和排序等功能,非常适合响应式布局。
要让 div 使用 flex 居中,可以给其父元素设置 display: flex,并设置 justify-content 和 align-items 等属性。
CSS 代码如下:
#loadProgressBarDiv{display:flex;align-items:center;justify-content:center;}
上述代码中,justify-content 属性设置为 center,让所有子元素水平居中;align-items 属性设置为 center,让所有子元素垂直居中。