如何在HTML圖像中間垂直對齊某些文本？

我有這樣的： http://jsfiddle.net/8KWtH/如何在HTML圖像中間垂直對齊某些文本？

我想移動>所以它是在中間垂直兩個圖像。

我該怎麼做？

來源

2010-12-14 Karem

您可以設置圖像具有vertical-align:middle;但是，這將使> 開始從中間。所以它會繼續上升一點。
例如：http://jsfiddle.net/8KWtH/14/

應用垂直對齊的跨度也使得它完美的。
例如：http://jsfiddle.net/8KWtH/22/

來源

2010-12-14 16:27:53

剛剛在本地應用這個我自己，然後在我刷新自己的時候看到了你的答案。 – 2010-12-14 16:33:51

使用line-height做到這一點：

<span style="font-size: 34px;line-height: 79px;"> &gt; </span>

編輯：
因爲圖像的性質，你需要使用vertical-align來實現：

<div style="float: left;"> 
<img src="http://www.lokeshdhakar.com/projects/lightbox2/images/image-2.jpg" style="width: 60px; height: 79px;vertical-align: middle;"> 
<span style="font-size: 34px;"> &gt; </span> 
<img src="http://www.lokeshdhakar.com/projects/lightbox2/images/image-2.jpg" style="width: 60px; height: 79px;vertical-align: middle;"> 
</div>

來源

2010-12-14 16:17:53

試過了，沒有結果的http：// jsfiddle.net/8KWtH/13/ – Karem 2010-12-14 16:26:20

@Karem - 我也試過這個，出於某種原因，我發現它並不能正常工作，儘管我以前曾經多次使用這種技術。 – 2010-12-14 16:29:13

謝謝你回覆並回答得很好，在我寫下我最後的評論之後，我看到了Gaby的回答很好，因此我接受了Gaby的回答。雖然我贊成一個很好的答案。 – Karem 2010-12-14 16:49:19

我會首先使用以下代替>。

&gt;

來源

2010-12-14 16:18:36

我掀起了東西here

從我可以看到它基本上是對其他答案的變化，但它能夠完成任務

來源

2010-12-14 16:29:32 skajfes

如何在HTML圖像中間垂直對齊某些文本？

回答

相關問題