我开始使用bootstrap CSS框架。有一些类可以构建一个图像库，它基本上在图片周围绘制一个框架，由一个listitem，一个锚点和图像组成。如果图像大小不同，画廊看起来不太好。我的想法是为每个缩略图设置固定的宽度和高度，并将图像置于边框的中心。那些有些不起作用。 Tumbnail始终贴在框架的顶部。
<ul class="thumbnails" id="ulthumbs">
<li>
<a class="thumbnail" style="width:120px; height:120px; line-height:120px;" >
<img src="http://placehold.it/350x150" style="width:120px; height:84px; vertical-align:middle">
</a>
</li>
</ul>
想法？
最佳， 哈德
答案 0 :(得分：2)
除了使用表格之外，没有跨浏览器方式可以在没有Javascript的情况下垂直对齐未知高度的项目。
在你的情况下，你会给列表项目一个固定的高度，并使用插件来对齐锚点（需要将它们设置为块级元素）。
答案 1 :(得分：1)
没有JS的另一种解决方案是设置列表项和锚点的宽度和高度，并将图像设置为位置为50％50％的锚点的背景。
这样，如果图像大于支架，将被裁剪，或以边框显示。
希望这有助于寻找类似解决方案的人。