Question

以下在Opera中不起作用：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
p {font:10pt Arial; background:green; height:16px;}
img {width:16px; height:16px; vertical-align:text-bottom;}
</style>
</head>
<body>
<p>An <img src="https://ssl.gstatic.com/images/icons/gplus-16.png" alt=""> image with a text-bottom alignment.</p>
</body>
</html>

这是一个错误还是我错过了什么？

谢谢！

Answer 1

你是对的，它似乎是一个Opera bug

http://jsfiddle.net/vfcVR/（在Firefox和Chrome上正确呈现，而不是在Opera上呈现）

错误示例:(突出显示<img>周围的文字，以查看实际呈现图片的位置）

您可以尝试使用vertical-align:bottom，但这不是＆＃34;解决方法＆＃34;因为你必须使用line-height:1来获得你正在寻找的东西:(

希望这会有所帮助..

Opera中的文字底部

1 个答案: