文本底部歌劇

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

它是一個錯誤還是我失去了一些東西？

謝謝！

來源

2012-03-31 Mori

請定義「不起作用」。 – 2012-03-31 18:43:29

@JamesMontagne：圖像位置看起來不正確。我在其他瀏覽器中嘗試過，沒有任何問題。 – Mori 2012-03-31 18:58:57

看起來不正確？它不會像你想要的那樣垂直對齊？你可以發佈一個屏幕？在這裏我看不到有什麼可能是錯誤的http://jsfiddle.net/25K9y/1/ – 2012-03-31 19:10:49

你是對的，這似乎是一個歌劇錯誤

http://jsfiddle.net/vfcVR/（正確呈現在Firefox和Chrome，而不是歌劇）

錯誤的例子：（突出顯示文本週圍<img>上看到的圖像是實際上渲染）

你可以嘗試使用vertical-align:bottom代替，但不是一個「解決辦法」，因爲你必須使用line-height:1爲有你在找什麼:(

希望這有助於..

來源

2013-03-08 10:12:43

文本底部歌劇

回答

相關問題