Skip to content

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的方式,既能使用元素脱离文档流去到应该去的位置,也能使文本居中显示。