html – 如何使标签在div中水平排列?

前端之家收集整理的这篇文章主要介绍了html – 如何使标签在div中水平排列?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要让图像在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

解决方法

您还可以使用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;}

猜你在找的HTML相关文章