以下のコードで画像を表示すると上の空白が開いております。
上の空白を詰めるような事は出来ますか?
<div class="container-fluid"><div class="row">
<style>.nms-plugin {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
}
.nms-plugin ul {
margin: 0;
padding: 0;
}
.nms-plugin li {
width: 170px;
display: inline-block;
margin-right: 10px;
}
.nms-plugin .goodsimg {
width: 170px;
height: 170px;
display: block;
background-color: #fff;
}
.nms-plugin .goodsimg img {
max-width: 170px;
max-height: 170px;
margin: 0 auto;
}
.nms-plugin .goodsname {
height: 35px;
overflow: hidden;
margin: 5px 10px;
display: block;
color: #333;
font-size: 12px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
word-break: break-all;
}
.nms-plugin .goodsprice {
color: red;
}
.nms-plugin a img {
max-width: 84px;
max-height: 84px;
}
.nms-plugin .ranknumber {
width: 170px;
height: 40px;
letter-spacing: 2px;
text-align: center;
color: #bf0000;/*ランキング文字色*/
font-size: 20px !important;
}
.nms-plugin .ranknumber .rankico1 {
background-image: url(nms-plugin-rank1.png);
background-size: cover;
width: 0px;
height: 0px;
}
.nms-plugin .ranknumber .rankico2 {
background-image: url(nms-plugin-rank2.png);
background-size: cover;
width: 0px;
height: 0px;
}
.nms-plugin .ranknumber .rankico3 {
background-image: url(nms-plugin-rank3.png);
background-size: cover;
width: 0px;
height: 0px;
}
.nms-plugin .ranknumber .ranktext {
font-size: 0px;
font-weight: bold;
}
.nms-plugin .ranknumber .ranktext span {
display: inline-block;
}
</style>
<div class="swiper-container nms-plugin" data-perview-xs="2" data-perview="4">
<ul class="swiper-wrapper" data-id="64f74c72-906e-496f-be55-cad69d8c6c81" isbind="0" data-id-use="04b6e4b1-9f79-4b90-a1f9-b1a0de251ab8">
<li class="swiper-slide" data-swiper-autoplay="10000">
<div class="ranknumber">
<div class="ranktext">
<span class="rankico$Index$"></span> $Index$<small>位</small>
</div>
</div> <a class="goodsimg center-block" href="$GoodsUrl$" target="_top"><img class="img-responsive center-block" alt="$GoodsName$" src="$GoodsImages$"></a> <a class="goodsname text-center" href="$GoodsUrl$" target="_top">$GoodsName$</a>
</li>
</ul>
<div class="swiper-pagination hidden">
</div>
<div class="swiper-button-next">
</div>
<div class="swiper-button-prev">
</div>
</div>
</div>
</div>