Question

如何让图像左右中心？

尝试了一些不同的东西，但没有什么可以想用这个......

CSS :(不工作）

body,html {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

img {
    float: left;
    max-height: 100%;
    max-width: 100%;
    width:auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

jsfiddle DEMO

Answer 1

删除float: left;，margin并插入margin: 0 auto;。

Answer 2

您还可以将display:inline-block;设置为img并将text-align:center;添加到父母。同时设置height:auto;以保持响应行为。请参阅下面的小提琴，了解我会做的所有修改：http://jsfiddle.net/5q7jrwha/2/

Answer 3

http://jsfiddle.net/sq6xwfcy/

body, html {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}
img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

Answer 4

你可以用这个：

img {
   max-height: 100%;
   max-width: 100%;
   width:auto;
   display: block;
   margin: 0 auto;
}

fiddle

Answer 5

删除max-height: 100%; max-width: 100%; 或width:auto;或使用像素height: ""px; width: ""px;的最大尺寸删除float: left; margin-left: auto; margin-right: auto; 使用margin: 0 auto;

中心对齐img css

5 个答案: