我一直在玩Twitter-bootstrap来创建我的摄影页面。我正在使用 li 标签中的默认缩略图类来创建边框并对齐它们。我有一大堆带有水平和垂直图像的缩略图。
默认设置实际上不会创建缩略图的漂亮布局。通过在缩略图的CSS中添加固定高度，现在至少可以形成一个整洁的网格。但是，在缩略图块中，图像始终与顶部对齐。当堆栈中有垂直图像时，这会导致形状奇怪的网格。
我尝试在缩略图类中添加"垂直对齐：中间;"，但似乎不起作用。我是CSS的新手，所以如果我错过了一些非常明显的东西，请原谅我。
不幸的是，
Bootstrap 缩略图并没有真正规范化固定高度。如果要确保网格干净，则需要将图像裁剪为相同的大小。或者，您可以使用自己的一些CSS手动设置li的高度，并将img最大高度设置为100%，然后在li上使用display: table-cell，这样您的vertical-align: middle实际上可以有效地垂直居中img。