我想知道是否可以让 Foundation 3 by Zurb 导航栏元素在导航栏一直延伸到整个屏幕时居中。我在导航栏上有 6 个元素,它们都在右侧。
<ul class="nav-bar">
<!-- nav items... ect -->
</ul>
谢谢。
最佳答案
我什至无法制裁剪品,但我设法让它看起来好多了,试试这个 Foundation 的 CSS:
.nav-bar { background: inherit; }
.nav-bar > li { background: #4d4d4d; border: 1px solid #333333; }
.nav-bar li {
float: left;
}
.nav-bar > li > a:first-child { padding: 0 12px; font-size: 14px; }
.nav-bar > li:last-child { border-right: 0px; -webkit-box-shadow: none; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
.nav-bar > li:hover { background: #666; }
关于html - 基础 (3) 导航拉伸(stretch) 100% 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13391529/