HTML中元素居中有很多种方式,这里记录的是工作中用到的方法:position+flex
css
.policy {
position: absolute;
bottom: 50rpx;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 24rpx;
}
因为需要兼容不同语言,而不同的语言长度不一样,使用绝对定位+transform可以使元素居中显示,但是文本一长会导致换行,想要给绝对定位的元素加一个宽度100%,但却是transform失效,因此想到使用绝对定位+flex的方式,既能使用元素脱离文档流去到应该去的位置,也能使文本居中显示。