html导航栏位置垂直居中，导航栏⽂字如何垂直居中？/* CSS布局 */
body {
padding:0;
margin:0;
font:12px Tahoma, sans-serif;
text-align:center;
}
/* ⽹页顶部布局 */
.header {
width:950px;
height:84px;
background:#ffffff;
color:#808080;
margin:0 0;
padding:1px 0 0 0;
}
.logo {
float:left;
height:84px;
width:180px;
background-image: url('../images/logo.gif');
}
.
banner {
float:left;
width:120px;
padding-top:34px;
font-size: 14px;
color: #000000;
}
.header_right {
float:right;
text-align:center;
width:390px;
padding:25px 20px 0 0;
}
.header_right_top {
height:28px;
}
.header_right_foot {
letter-spacing:5px;
}
/* 公共导航栏布局 */
.nav {
clear:both;
width:950px;
margin-top:5px;
text-align:center;
}
.nav ul {
margin:0 auto;
padding:0;
list-style:none;
}
.nav li {
display:inline;
margin:0 0 0 0;
padding:0;
text-transform:uppercase;
}
.nav a, .nav strong {
float:left;
color:#FFFFFF;
background: transparent url("../Images/navleft.gif") no-repeat left top; margin:0 1px 0 0;
padding:0 0 0 3px;
text-decoration:none;
font-size: 14px;
margin-top: 4px;
font-family: Helvetica, Arial, Verdana, sans-serif;
}
.nav a span, .nav .current span {
float:left;
display:block;
color:#000000;
background: transparent url("../Images/navright.gif") no-repeat right top; padding:18px 9px 0 6px;
vertical-align:middle;
css设置文字垂直居中line-height: 1.5;
}
.
nav .current a, .nav strong {
background-position:0 -36px;
color:#FFFFFF;
cursor: hand;
}
.nav .current a span, .nav .current span {
background-position:100% -36px;
color:#FFFFFF;
font-weight:bold;
cursor: hand;
}
.
nav a:hover {
background-position:0% -36px;
color:#FFFFFF;
cursor: hand;
}
.nav a:hover span {
background-position:100% -36px;
color:#FFFFFF;
cursor: hand;
}
.nav .current a:hover {
background-position:0% -36px;
color:#FFFFFF;
cursor: hand;
}
.nav .current a:hover span {
background-position:100% -36px;
color:#FFFFFF;
cursor: hand;
}
.search {
background-image:url('../images/header_search.gif'); width:950px;
height:56px;
margin: 0;
padding: 0;
}
运⾏代码
复制代码
另存代码
提⽰：您可以先修改部分代码再运⾏

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。