居中未知宽度的固定格

2018-06-03 23:37:39

这个问题在这里已经有了答案：

如何在另一个<div>中水平居中<div>？ 82个答案

演示

CSS

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

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

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

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

链接地址: http://www.djcxy.com/p/13217.html