中心与未知的宽度

Question

固定股利我的身体有一个div：

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

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

Answer 1

我想你想.wrapper有一个固定的位置，因为你想要它作为页眉或页脚。这使得它的内容被包裹起来，所以你需要明确地告诉它伸展到100％的宽度。接下来，img以内联方式显示。因此，使用自动保证金招，你需要设置其显示阻断：

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

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

Answer 2

Demo

CSS

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