Текстовое дно в Опере - PullRequest
Новая
       6

Текстовое дно в Опере

0 голосов
/ 31 марта 2012

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

Это ошибка или я что-то упустил?

Спасибо!

1 Ответ

0 голосов
/ 08 марта 2013

вы правы, похоже, это ошибка Opera

http://jsfiddle.net/vfcVR/ (корректно отображается в Firefox и Chrome, а не в Opera)

Примеры ошибок: (выделите текст вокруг <img>, чтобы увидеть, где на самом деле отображается изображение)

вы можете попробовать использовать vertical-align:bottom вместо этого, но это не «обходной путь», поскольку вы должны использовать line-height:1, чтобы получить то, что вы ищете: (

надеюсь, это поможет ..

...