display-block div上的垂直对齐

Question

我需要将文本垂直居中在块中，可能有很多。每个块的大小固定为111px / 63px。

.producers {
  width: 100%;  
}

.producer {
    width: 111px;
    height: 63px;
    margin: 20px 0 0 0;
    display: inline-block;
    vertical-align: middle;
    border: 1px dashed #ccc;
    text-align: center;
}
.producer img {
    display: block;
    margin-top: 8px;
}

可以通过参考

看到代码

jsfiddle demo

Answer 1

将添加行 - 高度属性更改为生成器类 高度等于你的生产者类高度属性

.producers{
   width : 100%;
   line-height:63px;
}