屏幕上有5个水平排列的图像列表。在每个图像下方,我有一个div来显示图像的名称。 我有图像名称的自动换行,所以如果是长名称,它们会分布在多行中。
这里的问题是,当图像名称跨越多行时,其他小图像名称会被拉下来。这就是所有其他图像名称与最长名称的底部对齐。我希望所有图像名称都显示在图像下方。
答案 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;'关于持有文本的元素。