css – 垂直对齐div中的多个图像

2019年8月4日 149次阅读

我试图在div中垂直对齐/居中一些图像.它不是100％正确.图像是一些像素太多而无法垂直居中.这是为什么？

.Container
{   
    width:280px;
    position:fixed;
    border:1px solid blue;
    left:0px;
    text-align: center;
    line-height:84px;
}

.Container input[type=image]
{
   vertical-align:middle;
}

更新：

http://jsfiddle.net/2j531q32/

更新2：图像在js小提琴中无效
在那里你可以看到图像和顶部边框之间的差距.

最佳答案 不需要任何行高css.您可以使用display：table和display：table-cell styles垂直对齐div. .ButtonBarDiv的高度被夸大了,表明它们都是垂直居中的.

每行一个图像：
http://jsfiddle.net/eY7Ms/16/

同一行上的图片：
http://jsfiddle.net/eY7Ms/14/

点赞