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

小编典典

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

css

我需要使图像在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>

阅读 685

2020-05-16

共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;}

2020-05-16