Question

我已经创建了一个导航栏，我还添加了一个后退按钮，我想在栏的中心放置一些文字。但是，我似乎无法弄清楚如何将文本放在中心位置。

这是我的css代码：

#navbar {
    background: black;
    top: 0px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-indent: center;
    vertical-align: middle;
    position: fixed;
    z-index: 999;
    right: 0px;
    bottom: 10px;



}

#navbar > a{
margin-top:2%;
float:left;
}

我还创造了一个快速小提琴：http://jsfiddle.net/w0sxf3fd/2/

Answer 1

试试这个：

h1 {
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

演示：http://jsfiddle.net/w0sxf3fd/5/

将文本与导航栏的中心对齐

1 个答案: