Div box高度

另一個CSS問題。Div box高度

我有<li>標籤內的div盒，在<ul>標籤內。每個div標籤都包含一個圖像，圖像下面有文本。圖像大小相同，但是文本的長度不一樣 - 因此div盒的大小不盡相同。我想讓圖像的頂部對齊，但現在他們看起來更像樓梯。我試圖改變div的高度，但是這個方向向下延伸，而不是向上延伸。這是我迄今爲止的相應代碼。

<ul> 
     <li class="line2"><div style="width:284px;border:3px;border-style:solid;"><img class="border" src="/images/icons/1.png" width="284" height="164" alt=""/><p>Paragraph.</p></div></li> 
     <li class="line2"><div style="width:284px;border:3px;border-style:solid;"><img class="border" src="/images/icons/2.png" width="284" height="164" alt=""/><p>Longer Paragraph</p></div></li> 
     <li class="line2"><div style="width:284px;border:3px;border-style:solid;"><img class="border" src="/images/icons/3.png" width="284" height="164" alt=""/><p>Longest Paragraph</p></div></li> 
     </ul>

（邊界就是這樣我就可以看到我的工作）

我知道我可以將圖片和文字分成不同的div但我有這麼多不同的div了，我覺得我有點過度。如果這是做到這一點的最好方法，但我會，但我想確切地知道。

如果有人可以幫忙，我會很感激。謝謝。

來源

2013-02-16 Dax

屏幕截圖會很好。現在，我會說，'float：left'可以完成這項工作。 – sascha 2013-02-16 08:27:53

A <div>標記基本上增加了一個邏輯上與換行符分開。這就是爲什麼它像樓梯一樣顯示。所以我建議，你應該嘗試使用<span>標籤，通過這個標籤，你可以對準你的盒子; 我希望這可以幫助

來源

2013-02-16 08:35:59

我試過除最明顯的東西之外的所有東西;我在文本下面添加了<br/>標籤，這些標籤低於最高標準。我知道可能有更好的方法來做到這一點，但對我來說，最簡單的工作是什麼。

來源

2013-02-16 21:05:18 Dax

回答

相關問題