中心3图像在一行中没有额外的容器

时间:2015-02-20 17:08:27

标签: html css twitter-bootstrap

我有三张图片。我想让它们居中于一行,但我不能使用像div等其他容器。当我添加这种风格时:

img {
 display:block;
 margin: 0 auto;
}

图像居中但每个都在单独的行中。我需要让它们在一条线上。有没有办法用标准的CSS做到这一点?我尝试了display: inline-block,但这不起作用。

目前我无法粘贴我的标记,但是我的所有图片都设置了max-width: 100%; height: auto;。图像的总宽度为container-fluid宽(我使用Twitter Bootstrap)

1 个答案:

答案 0 :(得分:-2)

你可以不用css将它们居中

<center><img src="x1.jpg"><img src="x2.jpg"><img src="x3.jpg"></center>