Bir resim ve bir metin içeren üst üste 3 divum var. Bir div diğerinden daha kısa metne sahiptir. Tarayıcıyı yeniden boyutlandırdığımda ve sadece bir div içindeki metin yeni çizgiye girer (böylece bir div'in iki satırlık satırı vardır ve diğerlerinin sadece bir satırı vardır) daha az metin satırına sahip divlar, üstte fazladan boşluk alır. Ama "inceleme elemanını" açtığımda, sayılarda hiçbir şey yanlış değildir.Satır içi kenar boşluğu sorunu
<div id="ribolovna_mjesta" class="content ne_naslovna">
<div class="drustvo_wrapper">
<div class="inner">
<img src="img/FOTF0A9.jpg" class="img-responsive">
<h4>SRD "Karas" Peklenica </h4>
</div>
</div>
<div class="drustvo_wrapper">
<div class="inner">
<img src="img/FOTF0A9.jpg" class="img-responsive">
<h4>SRD "Karas" Peklenica </h4>
</div>
</div>
<div class="drustvo_wrapper">
<div class="inner">
<img src="img/FOTF0A9.jpg" class="img-responsive">
<h4>SRD "Diver" Podbrest i Sveti Križ </h4>
</div>
</div>
<div class="drustvo_wrapper">
<div class="inner">
<img src="img/FOTF0A9.jpg" class="img-responsive">
<h4>SRD "Karas" Peklenica <br /> </h4>
</div>
</div>
<div class="drustvo_wrapper">
<div class="inner">
<img src="img/FOTF0A9.jpg" class="img-responsive">
<h4>SRD "Karas" Peklenica </h4>
</div>
</div>
<div class="drustvo_wrapper">
<div class="inner">
<img src="img/FOTF0A9.jpg" class="img-responsive">
<h4>SRD "Karas" Peklenica </h4>
</div>
</div>
</div>
küstahlık
#ribolovna_mjesta
text-align: center
width: 100%
.drustvo_wrapper
display: inline-block
width:30%
min-width: 125px
min-height: 205px
margin: 5px
.inner
padding: 10px
görüş ve negatif marjlar ile divs arasındaki boşluğu kaldırmak için çalıştı:
bu
ben konuşurken yaklaşık burada html var şey bu kelime aralığı ... yardımcı olmadı ... bana aynı sonucu verdi ..
Bundan sonra ne denemeliyim? peşin
Teşekkür
aynı sonucu test edemiyorum ... margin özelliği içermiyor –