對齊垂直圖像使用CSS

我有這樣的代碼：對齊垂直圖像使用CSS

<div> 
    <ul> 
    <li>Lorem Ipmsum<img src="" alt="img" /></li> 
    <li>Some Text <img src="img.jpg" alt="img" /></li> 
    ... 
    </ul> 
</div>

我將通過CSS垂直對齊所有img因爲這樣每一個形象太接近的每li

文本如何我可不可以做？

編輯：

我的意思是對準中IMG正好在列

來源

2012-03-08 Mazzy

可以使用保證金屬性 – David 2012-03-08 15:07:07

您需要提供更詳細的說明，說明您希望如何佈置 - 最好帶有可視化功能。 – 2012-03-08 15:07:33

我編輯的帖子，也許現在它更清晰 – Mazzy 2012-03-08 15:14:47

試試這個JS提琴，說明如何做，我認爲你所要完成

http://jsfiddle.net/J9z5D/

來源

2012-03-08 15:11:13 davehale23

確定這對齊orizzontaly，但我會對齊所有img在柱子 – Mazzy 2012-03-08 15:18:37

這樣的事情？ http://jsfiddle.net/J9z5D/2/ – davehale23 2012-03-08 15:30:38

是...謝謝...完美... – Mazzy 2012-03-08 15:33:46

據w3schools here，您可以使用此：

img 
{ 
    vertical-align: text-top; 
}

（你也可以使用text-bottom或middle）

來源

2012-03-08 15:10:10 Dave

我沒有正確理解這個問題 - 但如果你正在尋找垂直對齊的文字與圖像和讓文字和圖像之間的一些保證金，你可以做這樣的事情 - <li><span>some text</span><img src="something.png" style="vertical-align:top;margin-left:10px"/></li>

來源

2012-03-08 15:10:16 Sachin

張貼編輯！現在也許它更清晰 – Mazzy 2012-03-08 15:19:22

對齊垂直圖像使用CSS

回答

相關問題