css - 如何使 Zurb Foundation 顶部导航栏居中？

Question

my site 上的顶部栏导航像这样左对齐:

| Home | aveoTSD | Silent Nite          |

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

|          Home | aveoTSD | Silent Nite          |

它与带有“Example”文本的红色条完全一样居中。

这里是 my css .

Answer 1

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

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