图像响应行

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/