Question

我正在尝试使用类名toolbar来居中我的div元素，并且我尝试在div元素上使用inline-block属性并且在标记标记上使用text-align: center但没有运气。< / p>

这是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上的显示，则将其带到左侧

Answer 1

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

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

以下是一个快速示例：

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

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

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

在html标头标记内居中div元素

1 个答案: