具有固定边距和百分比宽度的中心包裹。这可能吗？

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;

}