2

我试图将我的 div 元素与类名居中toolbar，并且我尝试在 div 元素和标题标签上使用该inline-block属性，但没有成功。text-align: center

这是html

<header>
   <div class="toolbar">
   </div>
<header>

和相应的css样式

 header{
    width: 100%;
    height: 51px !important;
    position: fixed;
    background-color: white;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    z-index:100;
    top: 0;
    text-align: center;
}

.toolbar {
    background: #fff;
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 910px;
    margin: 0 auto;
    padding: 10px 25px;
    display: inline-block;
}

没有运气使内部 div 元素居中，使用当前设置将其一直向右移动，如果我删除 div 上的显示，它会将其带到左侧

4

1 回答 1

4

删除position: fixed，top: 0因为它不需要....

并display:block从.toolbar类更改为。

这是一个快速示例：

http://jsfiddle.net/Riskbreaker/QePqL/

如果您不想删除，position: fixed则：

http://jsfiddle.net/QePqL/1/

于 2012-12-28T00:44:50.273 回答