定位文本div

Question

屏幕上有5個圖像水平排列。在每張圖片下方，我都有一個div來顯示圖片的名稱。 我有圖像名稱的自動換行，所以萬一長名稱，他們分佈在多行。

這裏的問題是，當圖像名稱分佈在多行時，其他小圖像名稱被拉下。這是所有其他圖像名稱與最長名稱的底部對齊。我希望所有圖像名稱都顯示在圖像的正下方。

Answer 1

aplly'vertical-align：top;'關於持有文本的元素。

Answer 2

給予高度的Li和添加float:left;

Answer 3

您可以使用表

<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0"> 
<tr><td>img</td></tr> 
<tr><td>img name</td></tr> 
</table> 

Answer 4

您可以使用一個表的TRS，或一組圖像分開的浮動DIV，然後清除，然後將文本分組到另一個浮動div中。