垂直居中div中的图像[底部的空间大于顶部]

Question

正如您所看到的，这是小提琴图像没有正确垂直对齐。下边界之间的空间比上边界之间的大。我正在使用

display: table-cell;
vertical-align: middle;
text-align: center;

Answer 1

我没有读到任何问题，但我认为你想解决它。试试这个：

.myimage {
   border: 1px solid black;
   vertical-align: middle;
}

Answer 2

将display: block; margin: auto;添加到图像中。https://jsfiddle.net/Lxf818d7/

（但不确定是否需要内联；需要进一步调查。）

Answer 3

试试这个

.mydiv {
   width: 300px;
   height:auto;
   border: 1px solid red;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   padding:5px 0px;
}
.myimage {
   border: 1px solid black;
   vertical-align: middle;
}

工作Js出价