css - 如何在文本中对齐小图片,使其在所有网络浏览器中看起来都一样

标签 css text vertical-alignment image

<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 中低一些,但我希望它在任何浏览器中都与文本行完全一致。

最佳答案

只需在您自己的类(class)中尝试这个或类似的方法;

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

关于css - 如何在文本中对齐小图片,使其在所有网络浏览器中看起来都一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7679353/

相关文章:

javascript - Jquery Datatable - 需要先将数据居中然后右对齐

java - 如何在 JavaFX 中将文本字段的选择边框设置为某种颜色?

jquery - 如何获取元素内最近的文本?

Python 错误 : "cannot find path specified"

c - 汉字UTF-8宽度显示问题

html - 清除 :both used 时 margin-top 不工作

css - 位置 :sticky does not leave parent

Python:定位文本框固定在角落并正确对齐

html - 如何垂直对齐到 x 高度?

css - Div 不会使用 CSS 显示 : table; 垂直对齐