css - 具有固定边距和百分比宽度的中心环绕。这可能吗？

Question

在流畅的网站上，我使用 Wrap 将内容居中，其 CSS 是:

#Wrap {
  margin: 0 auto;
  width: 90%;
}

是否可以有一个居中的流体包装但具有固定的像素边距？

谢谢你，米格尔

Answer 1

这是您要找的吗？

在父元素上应用 text-align:center;，在子元素上应用 display:inline-block;

FIDDLE

<div class="outer" >
    <div id="Wrap"></div>
</div>

CSS

.outer
{   
    background:yellow;
    text-align:center;
    width: 100%;
    height: 100%;
}
#Wrap {
  margin: 15px;
  width: 90%;
    height: 100px;
  background:pink;
  display:inline-block;

}