这听起来确实很琐碎,但是左两个旋转木马控制按钮和两个右台之间有一个空间,使其间距不均匀。
我已经在li
的左侧和右侧尝试了CSS margin
属性,但仍保留空间。还有其他人遇到了这个麻烦吗?
<ol class="carousel-indicators main-carousel-indicators">
<li data-target="#carousel-example-generic-main" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic-main" data-slide-to="1" class=""></li>
<li data-target="#carousel-example-generic-main" data-slide-to="2" class=""></li>
<li data-target="#carousel-example-generic-main" data-slide-to="3" class=""></li>
</ol>
<style>
.main-carousel-indicators{
padding: 2px;
}
.main-carousel-indicators li{
height: 14px;
width: 14px;
}
.main-carousel-indicators li.active{
height: 14px;
width: 14px;
}
.carousel-indicators li{
background-color:white;
border-color:transparent !important;
transition: all 0.25s ease;
}
.carousel-indicators .active{
background-color:#0D0155;
border-color:transparent !important;
}
</style>
尝试一下,您的空格在li是显示的,因为显示:inline;
.main-carousel-indicators li{
height: 14px;
width: 14px;
display: block;
float: left;
}