如何在文本中对小图片进行操作，因此对于所有Web浏览器看起来都是一样的

Question

<div style="">How to valign <img src="pictures/qsign.gif" alt="question sign"/>
within text <img src="pictures/qsign.gif" alt="question sign"/>? It looks a bit
different when use different web-browsers.</div>

我应该在style =“”中垂直对齐它？这些图片相当小，因此它们看起来像文本中的符号。 在Opera中，它在文本中的Chrome中看起来要低一些，但我希望它完全符合任何浏览器中的文本行。

Answer 1

'vertial-align'是您要查找的CSS属性。

Answer 2

试试这个或类似的你自己的班级;

<style>
.test img { vertical-align:middle;}
</style>
<div class="test">How to valign <img src="pictures/qsign.gif" alt="question sign"/>
within text <img src="pictures/qsign.gif" alt="question sign"/>? It looks a bit
different when use different web-browsers.</div>