Question

我喜欢使用css执行以下操作：

从页面顶部有一个div条100pt。 div栏的厚度约为100pt。然后在div栏的“中间”我喜欢有菜单选项。到目前为止我得到了以下内容，但是菜单项（链接）没有居中：

.top_header {
    background-color:#3B5998; 
    height:70px; 
    margin-left:0px; 
    margin-right:0px; 
    top:60px; 
    position:relative 
}

.top_header a, .top_header a:visited, .top_header a:hover, .top_header a:active, .top_header a:focus {
    color:white; 
    font-size:x-large; 
    font-family:Arial
}

Answer 1

执行此操作的一种方法是添加line-height，将其设置为与height相同的div。

line-height:70px;

http://jsfiddle.net/jasongennaro/EXqkT/

这使它垂直对齐。

然后，如果要将其水平居中，可以添加

text-align:center;

http://jsfiddle.net/jasongennaro/EXqkT/1/

Answer 2

添加

`text-align:center;'

到.top_header。

Answer 3

将margin:auto添加到.top_header a

Answer 4

添加样式text-align：center;到top_header div http://jsfiddle.net/rajani5022/CpsX2/4/

div栏中间的位置链接

4 个答案: