分区上的HTML设置图像中心

Question

您好我想在facebook上设置img center on facebook

我的代码

<div style='border: 1px solid #BFBFBF; background-color: #fff; width: 600px; height: 300px;text-align: center; ' >

    <img src='http://www.trendycovers.com/covers/fear_is_a_lie_facebook_cover_1463215575.jpg' style='max-width: 600px; max-height: 300px; '>

</div>

我的形象：

见Facebook：

Answer 1

你需要：

vertical-align: middle;

请查看此链接，例如：

http://jsfiddle.net/kizu/4RPFa/4570/

Answer 2

使用jQuery：

val = ($('div').height() - $('img').height()) / 2;
$('img').css('top', val);

Answer 3

您可以使用此解决方案

将此css添加到您的img样式：

created_at

最终守则：

{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

工作示例：https://jsfiddle.net/3ohj2nzo/