将链接放置在 div 栏的中间
我喜欢使用 css 执行以下操作：
在距离页面顶部 100pt 的地方放置一个 div 栏。 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
}
I like to do the following using css:
Have a div bar 100pt from top of the page. The div bar will be about 100pt thick. Then at the "middle" of the div bar I like to have the menu options. I got the following so far, however the menu items (links) are not centred:
.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
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
一种方法是添加
line-height，将其设置为与div相同的height。http://jsfiddle.net/jasongennaro/EXqkT/
这会将其垂直对齐。
然后，如果你想水平居中，你可以添加
http://jsfiddle.net/jasongennaro/EXqkT /1/
One way to do this is to add
line-height, setting it as the sameheightas thediv.http://jsfiddle.net/jasongennaro/EXqkT/
This aligns it vertically.
Then, if you want to center it horizontally, you can add
http://jsfiddle.net/jasongennaro/EXqkT/1/
添加
到.top_header。
Add
to .top_header.
添加样式 text-align:center;到 top_header div
http://jsfiddle.net/rajani5022/CpsX2/4/
add style text-align:center; to top_header div
http://jsfiddle.net/rajani5022/CpsX2/4/
将
margin:auto添加到.top_header aadd
margin:autoto.top_header a