css控制文字图片居中 |css em 正常字体

/* 1、文本水平居中 */
.text{
text-align: center;
}
/* 2、图片水平居中 */
.img{
display: block; /* 将图片设置为块级元素 */
margin: 0 auto; /* 使用margin属性实现居中 */
}
/* 3、文本和图片垂直水平居中 */
.parent{
display: flex; /* 将父元素设置为弹性盒子 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

以上是几种较为常见的实现文字图片居中的方法，大家可以根据实际需求进行选择。注意，在第三种方法中，大家需要将父元素设置为弹性盒子（display:flex）才能实现同时垂直和水平居中。此外，也可以在父元素上使用grid（display:grid）布局实现这一效果。