居中宽度未知的固定 div [重复]答案

【问题标题】：Center a fixed div with unknown width [duplicate]居中宽度未知的固定 div [重复]
【发布时间】：2014-04-21 10:16:50
【问题描述】：

我在正文中有一个 div：

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

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

【问题讨论】：

【解决方案1】：

Demo

css

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：