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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

<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>

回答：

您也可以使用CSS属性 或 实现此目的。

HTML代码

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

CSS代码

div img{ display: inline-block;}

要么

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

以上是 如何使标签在div中水平排列？ 的全部内容， 来源链接： utcz.com/qa/422767.html

回到顶部