如何在 span 标签中适应图片大小？

Question

我在一个标签内使用了一张图片，但问题是该图片不能适应这个标签的大小，图片的某些部分会超出标签的范围。

    <span style="padding-right:3px; padding-top: 3px;">

    <img class="manImg" src="images/ico_mandatory.gif"></img>

    </span>

我想让那个条形图在span里面，也就是它应该与文本框相邻。

我该如何实现呢？

- kumareloaded

---

你有任何我们可以查看的代码吗？ - Alex Turner

不使用span标签吗？或者那不是一个选项？ - Paulie_D

已添加 HTML 代码，请查看。 - kumareloaded

尝试使用vertical-align值进行实验。 - Niet the Dark Absol

也许你需要调整图片的高度。 - Alessandro Marchisio

Answer 1

试试这个。

<span style="padding-right:3px; padding-top: 3px; display:inline-block;">

<img class="manImg" src="images/ico_mandatory.gif"></img>

</span>

- WebbySmart

---

display:inline-block 对我来说是关键。 - freefaller

Answer 2

尝试使用 div 标签和块来代替 span！

<div>
  <span style="padding-right:3px; padding-top: 3px; display:block;">
    <img class="manImg" src="images/ico_mandatory.gif"></img>
  </span>
</div>

- Sookie Singh