Android 如何正确居中/浮动这些图像？

在我的作品集（）的“数字工匠”标题下的“关于”部分，我有三个滑动部分，旁边有一个文本块和一个浮动的图像

我的网站旨在响应，因此在较小的屏幕尺寸下，本节中的布局旨在将（较小尺寸的版本）图像移到文本块上方，理想情况下居中

我很难将这些图像集中在较小的屏幕尺寸上，但是，在@media screen和（最大宽度：320px）上，例如，它们到处都是，margin:0 auto似乎对我尝试过的任何浮动或显示设置组合都没有任何影响。。。在平板电脑大小@媒体屏幕和（最小宽度：500px）和（最大宽度：900px）上，我通过不均匀的边距来控制一种伪中心，但这并不理想

这里有我遗漏的东西吗？有没有更简单的方法

相关CSS

.about-featureimg {
    display: block;
    float: right;
}

.lionhead {
    background: url("../img/lionhead.jpg") no-repeat center;    
    width: 455px;
    height: 400px;
    margin: 0 0 15px 45px;
    display: block;
    float: right;   
}

.astroslinger {
    background: url("../img/astroslinger.gif") no-repeat center;    
    background-size: cover;
    min-width: 500px;
    height: 425px;  
    margin: 10px 0 15px 45px;   
}

.spacedude {
    background: url("../img/spacedude.jpg") no-repeat center;   
    width: 545px;
    height: 455px;
    margin: 10px 0 25px 75px;       
}

媒体查询示例

.about-featureimg {
    display: block;
    margin: 0 auto;
}

.astroslinger {
    background: url("../img/astroslinger-sm.jpg") no-repeat center;     
    width: 325px;
    height: 220px;  
    margin: 25px 15px 25px 15px;
}

.lionhead {
    background: url("../img/lionhead-sm.jpg") no-repeat center;     
    width: 290px;
    height: 300px;  
    margin: 0 auto;
}

.spacedude {
    background: url("../img/spacedude-sm.jpg") no-repeat center;    
    width: 376px;
    height: 257px;
    margin: 0 auto; 
}

这是我的意思的一个视觉示例，有点居中，但不完全：

这个一点也不居中：

---

对于小型媒体查询，请尝试将图像宽度设置为100%。对我来说，这使元素在Chrome中居中（并将测试推到它下面）。希望这能有所帮助。

尝试将图像的边距设置为“自动”，或者如果仍然不起作用，则将其父文本对齐到中心。

哎呀，修复了一个阻止页面正确加载的错误>\u-Hmm，谢谢，我没有想到这一点，但奇怪的是，除了第一张图像外，其他图像都能正常工作……我很抱歉，忘了提到我有一个特定图像的最小宽度声明，它把事情搞砸了，“现在你的原始解决方案工作得很好。”。再次感谢！