如何将Zurb Foundation顶部栏杆导航中心？

Question

我网站上的顶部栏导航左对齐,如下所示:

| Home | aveoTSD | Silent Nite          |

我想像这样中心顶部栏导航:

|          Home | aveoTSD | Silent Nite          |

使其与"示例"文本的红色条完全相同.

这是我的CSS.

Answer 1

您可以通过将其添加到CSS(最好删除冲突的样式)来实现:

.top-bar-section ul {display: table; margin: 0 auto;}
.top-bar-section ul li {display: table-cell;}

Answer 2

发现这有用:https: //github.com/zurb/foundation/issues/1598

将导航容器设置为: text-align:center;

然后对于导航本身,将显示设置为: display:inline-block;

希望有所帮助!