中心與未知的寬度

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; 
}