CSS：列出图像和文字。 做出回应

Question

所以我有以下情况：

输入此jsbin： http ://jsbin.com/diqax/1/edit

如果您注意到这是一个列表，则每个列表项都有一个带有文本的图像，我要面对的问题是我希望底部的列表项根据最大的文本项的高度向下推。

Answer 1

好吧，您应该将列表项的显示类型更改为inline-block而不是使用float ，然后使用vertical-align: top; 垂直对齐嵌入式块元素。

#gallery li {
  display: inline-block;
  vertical-align: top;
  /* other styles here... */
}

在线演示 。

有关更多信息，请参阅此处的答案 ，也可以删除inline（-block）元素之间的空白，也可以参考this 。