Css 左侧和中间元件的柔性箱对齐

#xxx{
位置：相对位置；
显示器：flex；
高度：32px；
宽度：150px；
背景色：黑色；
颜色：白色；
字体系列：Helvetica、Arial、无衬线字体；
证明内容：中心；
左边距：10px；
}
#xxx>span{
自对准：居中；
}
#xxx>img{
右边距：自动；
}

你好

#xxx{
位置：相对位置；
显示器：flex；
高度：32px；
宽度：150px；
背景色：黑色；
颜色：白色；
字体系列：Helvetica、Arial、无衬线字体；
左边距：20px；
}
跨度{
自对准：居中；
左边缘：25%；
}
img{
位置：相对位置；
}

你好

谢谢Gowtham，但这不是你答案中留下的空白吗？Ya Marman我尝试了不同的方法，但这一个成功了，因为我给出了百分比，它不会影响响应是的，但似乎是一个黑客解决方案没有冒犯。让内容合理化有什么意义：中心；如果我们只是用边距来抵消？对不起，这是一个打字错误，我已经删除了它，看看吧。问题是，如果宽度或图像尺寸改变，边距集需要重新计算，因为它不再正确……paulie我不喜欢你的答案，你在上面标记了一个副本，我不清楚，比如？谢谢link2pk，这是迄今为止最好的。你能把它作为一个例子吗answer@MarMan29，看，还有66英寸的盒子。哈哈，谢谢迈克尔，是的，你说得对；）谢谢你的回答，是的，我已经抵消了左边的空白，以抵消绝对值，不占用空间。干杯，伙计。