css如何將div對齊到包含div的頂部

對不起，基本問題。我有以下佈局：css如何將div對齊到包含div的頂部

#existing-files .image-row{ 
    width: 700px; 
    border: 1px solid orange; 
    padding-left: 10px; 
} 

.img-row-description{ 
    border: 1px solid black; 
    display: inline; 
    width: 400px; 
}

它看起來是這樣的：

enter image description here

我想爲.IMG-行描述對齊到包含圖像的頂部-行。我會怎麼做？

來源

2012-02-22 timpone

vertical-align：top？ – j08691 2012-02-22 20:29:04

你可以添加HTML結構嗎？ – 2012-02-22 20:30:20

thx j - 我以爲我曾試過，但似乎已經做到了這一招 – timpone 2012-02-22 20:36:42

我不知道是什麼timpone的標記看起來像，但我對任何人想探索如何做到這一點誰提供一對夫婦jsFiddles。

只要在標記結構簡單和有效的，這種影響可以通過浮動的IMG離開，而不是使用vertical-align: top

取決於完成你想做的事：

Text wrapping around the image

No text wrapping around the image

來源

2012-02-22 20:55:14 gmeben

嘗試使用vertical-align:top

來源

2012-02-22 20:51:55 j08691

css如何將div對齊到包含div的頂部

回答

相關問題