垂直對齊左浮動div中的圖像與右浮動的文本div

我有這個問題，我有2個div在內容頁面（內容包裝），我不能讓圖像對齊它旁邊的文字。垂直對齊左浮動div中的圖像與右浮動的文本div

.text-block{position:relative; float:right; width:70%; height:auto}

那麼我的形象：

.img-block{position:relative; float:left; vertical-align:middle;}

不知道是否有可能有當他們在不同的div雖與文本對齊的圖像。

2012-01-25 Jaypee

你所說的垂直對齊意思？圖像應該在文字的中間（上邊距和下邊距相同）？或在頂部？或在底部？ – entropid

嗨熵，我的意思是讓圖像與中間的文字對齊（不在文本內）什麼是vertical-align：middle;當它工作時默認爲默認值。 – Jaypee

我不認爲你可以用CSS來做到這一點。 – entropid

在這裏，我已經使文本垂直對齊作爲圖像div旁邊的中間。只有CSS，沒有使用JavaScript。

希望這是你所期望的結果...

如果你正在尋找一些東西更多，請提出意見......

2012-01-28 07:22:42

嗨，剛剛通過這篇文章因爲我有類似的問題，我試圖做同樣的事情，但我想文本垂直居中內浮動的div（使用float：左），我的文本居中，只要我不要浮動div，一旦我做文字出現在上面 – stringCode

回答