将未知宽度的固定div居中

Question

我身上有一个div：

<div class="wrapper" style="position: fixed">
    <img src="#">
</div>

<img>有其固有的宽度和高度（和未知）。那么我该如何将<div>置于srceen中（通过CSS，而不是Jquery或Javascript）？

Answer 1

的 Demo

CSS

img {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background: #000;
}

Answer 2

我想你希望.wrapper有一个固定的位置，因为你想把它作为页眉或页脚。这使得它包装到其内容，因此您需要明确告诉它拉伸到100％宽度。接下来，img以内联方式显示。因此，要使用自动边距技巧，您需要将其显示设置为阻止：

.wrapper {
    position: fixed;
    width: 100%;
    background: lightblue;
}
img {
    display: block;
    margin: 0 auto;
}

在这里工作jsfiddle：http://jsfiddle.net/7swkv/