超出容器高度的图片垂直居中，图片高度不定 - 源于生活

[CSS] 纯文本查看 复制代码

background-img，  background-position:center

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="gbk">

    <style type="text/css">

        .myImg {

            position: relative;

            top: 50%;

            left: 50%;

            -webkit-transform: translate(-50%, -50%);

            -moz-transform: translate(-50%, -50%);

            -ms-transform: translate(-50%, -50%);

            -o-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);





        }

        .content {

            height: 100px;

            width: 490px;

            border: 1px solid black;

            overflow: hidden;

        }

    </style>





</head>

<body>

<div id="content" class="content">

    <img src="XXXXXXXXXX" class="myImg">

</div>

</body>

</html>