本页目录

专项答疑

元素怎么居中

当一个元素需要在另一个元素中居中显示时，可选如下方法：

通过设置容器flex布局实现下一级子元素的水平垂直居中父元素设置：

"display": "flex",
    "justifyContent": "center",
    "alignItems": "center"

通过子节点的绝对定位和transform偏移居中如果父节点未设置过定位，要先给父节点设置定位类型为"相对定位" 子元素设置：

"position": "absolute",
    "top": "50%",
    "left": "50%",
    "transform": "translate(-50%, -50%)"

文字怎么居中

可以设置文字所在块元素的文本样式为居中

"textAlign": "center"

可以使用上方flex居中的形式设置文本所在块元素

"display": "flex",
    "justifyContent": "center",
    "alignItems": "center"