如何使用HTML CSS调整图片上叠加文本的位置使其向左偏移

你采用的是父容器相对定位、文本绝对定位的经典叠加方案，调整文本位置可以用以下任意一种方式，数值根据你需要移动的距离修改即可：

• 如果你当前给文本设置了right属性，直接增大right的取值：比如原设置为right: 12px，改为right: 22px即可向左移动10px
• 如果你当前给文本设置了left属性，直接减小left的取值：比如原设置为left: 40px，改为left: 30px即可向左移动10px
• 可以直接添加负左边距实现偏移：给文本元素添加margin-left: -10px，数值越大向左移动距离越多
• 也可以用transform位移属性实现：给文本元素添加transform: translateX(-10px)，负值代表向左位移，适配性更高，不会影响其他元素的布局

适配提示：调整完成后建议测试不同屏幕尺寸下的显示效果，避免小屏设备上文本移出可视区域。

内容的提问来源于stack exchange，提问作者hoId