HTML中的「<img align=top>」在CSS中？

Question

我如何效仿

<img align='top' src='huge_image.jpg'> 
<span>I start at the top right corner of the image!</span> 

在CSS？

也許這是令人尷尬的簡單，但我真的不知道。

Answer 1

這取決於你的元素的容器上。 vertical-align CSS屬性不完全映射到valign屬性。我建議檢查這個鏈接瞭解如何使用CSS實現這一點。 http://phrogz.net/CSS/vertical-align/index.html

Answer 2

編輯：

我想你想跨度與圖像內聯。因此顯示：內聯應該將範圍移到右側。

和

vertical-align:text-top應的圖像移動到頂部。

Answer 3

我認爲你正在尋找的vertical-align CSS屬性。

<img style="vertical-align: top;" alt="blah" src="blah.jpg" /> 

理想情況下，你將不只是直接拍它的<img>標籤，而是使用一個CSS類。

Answer 4

float: left將它定位使得img元素將是跨度的左邊，但如果你是想複製align="top"因爲垂直對齊問題（在右下角與右上跨度）的，則儘量style="vertical-align: top;"

Answer 5

<style="text/css"> 

.top_aligned_image {vertical-align: top; /* or text-top, I can't remember for sure which works better */} 

</style> 

<img class="top_aligned_image" src='huge_image.jpg' /><span>I start at the top right corner of the image!</span> 

應該這樣做。