CSS文字居中

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

在HTML中实现文字居中主要有三种方法：使用CSS的text-align属性控制水平居中；通过line-height或flex布局实现垂直居中；结合vertical-align属性调整行内元素对齐，这些方法适用于不同布局场景，可单独或组合使用。