在 html 中将图像旁边的文本垂直居中的最佳和最简单的方法是什么?需要与浏览器版本/类型无关。纯 html/CSS 解决方案。
这可能会让你开始。 http://phrogz.net/CSS/vertical-align/index.html
我总是依靠这个解决方案 http://www.jakpsatweb.cz/css/css-vertical-center-solution.html。不太黑客风格并且可以完成工作。
编辑:我应该指出,您可以使用以下代码实现您想要的效果(原谅内联样式;它们应该位于单独的工作表中)。图像上的默认对齐方式(基线)似乎会导致文本与基线对齐;将其设置为中间可以使内容渲染得很好,至少在 FireFox 3 中是这样。
<div>
<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.svg" style="vertical-align: middle;" width="100px"/>
<span style="vertical-align: middle;">Here is some text.</span>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)