css - 在 100% 宽度的背景中居中并为内容提供固定宽度的最佳方法是什么？

Question

在 100% 宽度的背景中居中并为内容提供固定宽度的最佳方法是什么？我不太确定我的观点是否清楚，所以这里是代码http://jsfiddle.net/xJ8Qy/

.something-wrapper {
    width:100%;
    background:#fff000;
}
.something {
    background:#fffddd;
    color:fff;
    width:400px;
    margin:0 auto;
}

<div class="something-wrapper">
    <div class="something">
        Lorem ipsum dolor sit amet, consectetur adip Seat eros ornare pharetra orci at eros orn are nec nec conse.
    </div>
</div>

这工作得很好，但是它是正确的还是有更好的方法来实现这个结果？

Answer 1

使元素居中的一种很好且非常常见的方法是使用固定宽度，margin: auto就像您一样

.something {
    width: 400px;
    margin: auto;
}

---

另一种方法是text-align: center在父元素上使用，但子元素需要是inline-block或类似的。演示

.something-wrapper {
    text-align: center;
}
.something {
    display: inline-block;
    text-align: left;
}