为什么这个完全简单的CSS代码没有达到预期的效果?

时间:2018-04-25 01:10:38

标签: css

我只是想连续添加两张图片。

我使用display: inline-block;这意味着我的图片会连续排成一行,因为当我说inline-block;时他们不会阻止元素,因此在图片显示后不会添加换行符渲染。有道理,对吧?!

但它不起作用。



body {
  padding: 0;
  margin: 0;
}

img {
  display: inline-block;
  width: 30vw;
  margin-left: 10vw;
  margin-right: 10vw;
}

<body>
<div>
<img src="http://www.gaiawellnessretreat.com/sites/default/files/field/image/portfolio_8.jpg">
<img src="http://www.gaiawellnessretreat.com/sites/default/files/field/image/portfolio_8.jpg">

</div>
</body>
&#13;
&#13;
&#13;

编辑:重复,未解决

在div中添加font-size: 0之类的hack并不会解决它。

0 个答案:

没有答案