如何适应跨度标签内的图像？答案

【问题标题】：How to fit in an image inside span tag?如何适应跨度标签内的图像？
【发布时间】：2014-12-12 00:14:23
【问题描述】：

我有一个跨度标签内的图像。但问题是图像不适合跨度标签。相反，图像的一部分超出了 span 标签。

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

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

    </span>

我想在跨度内有那个栏，即它应该与文本框相邻。

我怎样才能实现它？

【问题讨论】：

你有什么代码可以看一下吗？
那么不要使用跨度吗？或者这不是一个选择？
添加了 HTML 代码。请看一看。
用vertical-align 值进行实验。
也许你必须调整图像高度

标签： html css image

【解决方案1】：

试试这个。

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

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

</span>

【讨论】：

display:inline-block 是我的关键

【解决方案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>

【讨论】：