Q

img標籤的怪異行爲

2012-11-08 54 views 0 likes

0

在頁面上創建div的網格時，存在一些問題，但網格中的每個單元可以具有不同類型的元素，如<div></div>或<img/>。網格正在生成，但當單元格中的幾個元素不同時，網格會發生扭曲。img標籤的怪異行爲

這是一個fiddle example的問題。

但是，當您用divs代替img標籤時，它工作正常。任何幫助。

2012-11-08 me_digvijay

A

回答

1

您應該將vertical-align:top應用於div元素。這裏撥弄：http://jsfiddle.net/keaukraine/AQnS4/

2012-11-08 11:21:37 keaukraine

+0

謝謝，但是這個問題的原因是什麼，我的意思是什麼是不使用垂直對齊時的區別？ –

+3

@DigvijayYadav默認的垂直對齊是基線。這就是圖像和文字的樣子，如果你把它們放在一起而沒有網格。 – Neil

+0

@尼爾感謝您的解釋:) – keaukraine

1

在這種情況下，您可以使用vertical-align:top;將您的元素縮小到最上面一行而不是從最後一行的底部開始。 http://jsfiddle.net/22fD6/5/

2012-11-08 11:21:20

相關問題