-1

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

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

4

4 回答 4

1

你可以使用表

<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td>img</td></tr>
<tr><td>img name</td></tr>
</table>
于 2013-08-27T14:13:04.670 回答
0

给 li 一个高度并添加float:left;

于 2013-08-27T14:10:15.183 回答
0

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

于 2013-08-27T14:33:23.763 回答
0

aplly '垂直对齐：顶部;' 关于持有文本的元素。

于 2013-08-27T14:37:22.347 回答