无条件填充？

Question

也许条件填充不是可行的方法，但是 -

我有一个包含<img>的div，如果可以，它应该填满可用的垂直空间（90px），否则它应该垂直居中。这是演示问题的小提琴：

http://jsfiddle.net/PTSkR/165/

如何使用LESS / CSS（而不是JS）来完成此任务？

// code for image
.folder-box img {
    max-height: 90px;
    max-width: 100%;
}

Answer 1

如果我理解正确，这是一个简单的CSS问题，可以通过垂直居中来解决：

<强> Example Fiddle

我添加的唯一样式是图片的样式：

.folder-box img {
    top: 0; left: 0; bottom: 0; right: 0;
    position: absolute;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

如果您需要为title元素定义空间，您只需将图像包装到另一个容器中并设置padding-bottom和position: relative。