我有这个网站http://sg.nowcommu.myhostpoint.ch/,正如你可以看到在导航之间的空间链接是不同的。
如何在<li>元素之间设置相同的空间?
HTML:
<div class="navbar navbar-fixed-top" data-activeslide="1">
<div class="container">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav row">
<li data-slide="4" class="col-12 col-sm-2"><a id="menu-link-4" href="#slide-4" title="Next Section"> <span class="text">Mental Coaching</span></a></li>
<li data-slide="5" class="col-12 col-sm-2"><a id="menu-link-5" href="#slide-5" title="Next Section"> <span class="text">Personal Training</span></a></li>
<li data-slide="6" class="col-12 col-sm-2"><a id="menu-link-6" href="#slide-6" title="Next Section"> <span class="text">Ernährungsberatung</span></a></li>
<li data-slide="9" class="col-12 col-sm-2"><a id="menu-link-9" href="#slide-9" title="Next Section"> <span class="text">Philosophie</span></a></li>
<li data-slide="7" class="col-12 col-sm-2"><a id="menu-link-8" href="#slide-7" title="Next Section"> <span class="text">Feedback</span></a></li>
<li data-slide="8" class="col-12 col-sm-2"><a id="menu-link-9" href="#slide-8" title="Next Section"> <span class="text">Kontakt</span></a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar -->发布于 2016-01-27 13:26:13
它们的间距是相等的,但由于第三里文本比其他的长,所以它显示出更多的空间。
见下面的CSS
.nav > li > a : padding:10px 0;https://stackoverflow.com/questions/35038465
复制相似问题