我想用css将导航栏放在中心

时间:2014-07-14 10:58:06

标签: css css3

以下是网页的链接。 https://pbx.wave-tel.com/register 它有一个导航栏,包含验证,您的详细信息和托管contrex。 我想在页面中心设置此栏而不使用边距或填充,因为它会干扰响应显示。我只能更改CSS,因为我无法访问HTML,请帮我解决这个问题。

4 个答案:

答案 0 :(得分:1)

你可以做这个改变

CSS

.swMain ul.anchor li a {
text-align: center;
margin-top: -15px;
padding-top: 0;
}
.swMain ul.anchor li {
float: none;
display: inline-block;
}
.swMain #navSummary {
text-align: center
}

答案 1 :(得分:0)

.swMain ul.anchor li {
display:inline-block;
float:none;
}

.swMain #navSummary {
text-align:center;
}

试试这个,我已根据您的要求进行了编辑!!

答案 2 :(得分:0)

更新你的CSS

.widget-menu-widget{
    padding-left : 50%;
    margin-left : -323px;
}

答案 3 :(得分:0)

将此添加到您的css

 .swMain #navSummary {
   text-align-center;
 }     
 .swMain ul.anchor li {
   /*float: left;*/ remove float left
   display: inline-block;
 }
 .swMain ul.anchor li a {
   display: inline-block;
 }
 .nav-tabs>li {
   /*float: left;*/ remove float left
 }

注意:您需要将这些添加到现有样式