图片文字居中

在HTML中使文字在图片上居中显示，常用方法是将图片和文字包裹在容器内，设置容器为相对定位，文字为绝对定位，通过top:50%; left:50%; transform:translate(-50%,-50%)实现精准居中，也可用Flex布局，设置容器为display:flex并添加justify-content:center; align-items:center属性。