在 Blogger 上居中导航栏

Question

我想让我的导航栏居中。我使用 Blogger 的 'Simple Template'.

我发现相关的代码：

.tabs-inner .widget ul {
        margin: 0 auto;
        background: transparent none repeat scroll bottom;
        border-radius: 0;
        width: 95%;
    }

Answer 1

尝试更改的值：例子：

#navbar-iframe 
{
  background: transparent !important;  
}

.site-header h1, 
.site-header h2 
{
  text-align: center;
}

.header-inner .Header .titlewrapper, 
.header-inner .Header .descriptionwrapper 
{
  padding-left: 50;
  padding-right: 50;
  text-align: center;
}

告诉我

Answer 2

根据您的模板，以下组合应该起作用（尝试全部应用它们，如果出现所需结果，请逐渐移除，直到您看到与原始结果相反的结果。最后删除的将是必要的):

#blog-pager {
  margin: 0px;
}

.

.widget {
  margin: 0px;
}

.

.main-inner .column-center-inner .section {
    margin-left: 0px;
    margin-right:0px;
}

.

.tabs-inner .widget ul {
    width: 100%;
    margin: 0px;
}

.

.tabs-inner, .section {
    padding: 0px;
    margin: 0px;
}

在 Blogger 上居中导航栏

Center Navbar On Blogger

html

css

navbar

blogger

centering