图像行响应

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/