在div中定位文本

时间:2013-08-27 14:07:16

标签: css html

屏幕上有5个水平排列的图像列表。在每个图像下方,我有一个div来显示图像的名称。 我有图像名称的自动换行,所以如果是长名称,它们会分布在多行中。

这里的问题是,当图像名称跨越多行时,其他小图像名称会被拉下来。这就是所有其他图像名称与最长名称的底部对齐。我希望所有图像名称都显示在图像下方。

4 个答案:

答案 0 :(得分:1)

你可以使用表

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

答案 1 :(得分:0)

为li添加高度并添加float:left;

答案 2 :(得分:0)

您既可以使用表格来分隔trs,也可以将图像分组为浮动div,然后清除,然后将文本分组到另一个浮动div中。

答案 3 :(得分:0)

aplly'vertical-align:top;'关于持有文本的元素。