如何使<img>标签在div中水平排列？

Question

我需要让图像在div中水平并排显示.我怎样才能做到这一点？

HTML:

<div class="Wrapper">
  <img src="/wp-content/uploads/2012/07/TFT.png" alt="Smiley face" height="90" width="95" />
  <img src="/wp-content/uploads/2012/07/Ltyt.png" alt="Smiley face" height="90" width="95" />
  <img src="/wp-content/uploads/2012/07/artspng" alt="Smiley face" height="90" width="95" />
</div>

参考:jsFiddle

Answer 1

您还可以使用css属性display:inline-block或float:left来实现此目的.

HTML代码

<div>
    <img ... />
    <img ... />
    <img ... />
</div>

CSS代码

div img{ display: inline-block;}

要么

div img{ display: block;float: left;margin-right: 5px;}