CSS 图片高度和宽度 居中

CSS 图片高度和宽度 居中

 /** brightbai shop 底部 Tools and Accessories 图片高度和宽度 居中*/

#block-views-block-0-shop-block-1 .view-_-shop .views-row .views-field-field-image{

height: 100px;

width: 100px;

display: table-cell;

text-align: center;

vertical-align: middle;

}

 /** brightbai shop 有时图片上还要加一次居中，这样才不会变乱格式*/

#block-views-block-0-shop-block-1 .view-_-shop .views-row .views-field-field-image img{

vertical-align: middle;

}

问题：
有时出现个别产品对不齐的问题，格子乱了。有时一行只显示一个产品，这个产品的正上产品比较小，CSS 中有 float: left;，所以就往上移了。

解决：
原因是 .views-row 只定义了宽度，再把高度定义好，高度要足够，就正常了。

例：
width: 140px;
height: 213px;