css - 响应式图像行

Question

我一直在寻找，找不到答案。也许我只是用错了我的搜索措辞，但我在使这行图像响应时遇到了麻烦。

http://jsfiddle.net/nunotmp/4W2Bc/

我在下面添加了媒体查询

@media only screen and (max-width: 960px) {
#teasercenter {
width:100%;
display:inline-block;
}
#teasercenter ul li img {
min-width:100%;
height:auto;
}

}

调整窗口大小时，它们确实彼此位于下方，但具有较大的白色区域并与左侧对齐。有没有办法让他们跌倒时居中？也许我构建 html 的方式是错误的？任何帮助，将不胜感激。

Answer 1

我不完全知道您想做什么，但可能您正在寻找display:inline-block;，那么如果图像位于下方，则图像将位于中心。你只需要使父元素或正文 text-align:center; 它应该工作！会是这样的：http: //jsfiddle.net/4W2Bc/10/