我搜索了论坛并尝试了很多已经提出的建议,但我似乎无法集中我的网站导航。
我正在使用可以访问CSS的网站构建器,所以我的知识有限。我想在页面上保持相同的导航宽度,但我更希望实际导航选择居中。
有没有人有任何建议(最好只是建议,因为我真的不知道我在做什么)。这是我的CSS:
.sf_navigation {
clear:both;
margin:0 auto;
width:auto;
min-height:38px;
height:auto!important;
height:38px;
font-family:Arial;
font-size:13px;
position:relative;
z-index:1000;
}
.sf_navigation ul {
margin:0;
padding:0;
list-style-type:none;
height:1%;
}
.sf_navigation ul li {
margin:0;
list-style-type:none;
display:inline;
float:left;
position:relative;
}
.sf_navigation ul li a {
display:block;
font-weight:700;
padding:12px 37px 0;
text-align:center;
text-decoration:none;
border-right:solid 0;
background-repeat:repeat-x;
height:25px;
width:auto!important;
white-space:nowrap;
width:1%;
}
.sf_navigation ul li a:hover {
text-decoration:underline;
background-repeat:repeat-x;
position:relative;
}
.sf_navigation:after,.sf_navigation ul:after {
content:".";
display:block;
visibility:hidden;
height:0;
clear:both;
}
.sf_navigation .widget_header {
display:none;
}
答案 0 :(得分:0)
将此添加到sf_navigation
CSS
.sf_navigation {
display: table;
}