Question

尝试居中图像。

使用margin-left: auto;和margin-right: auto;代码不起作用。

以下是我的实施我做错了什么/我需要添加什么

<style>
.fix{
    position:fixed;
    bottom:0px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
 }
</style>

<img src="DigitalBannerwithX.png" width="40%" height="auto" class="fix" onclick="this.style.display = 'none'" />

Answer 1

如果您使用position: fixed;，则应使用相应的left和right将其置于中心位置（保证金也会起作用，但每个应该是一个百分比，加起来为100％宽度）。 http://codepen.io/anon/pen/dGjybG

Answer 2

你可以尝试这个：

                  .fix{
position:fixed;
bottom:0px;
width: 30%;
margin-left:50%;
margin-right: 50%;
background-color:red;

}

DEMO HERE

边距不适用于图片

2 个答案: