Fix boşluğu:

Question

bu keman bakmak Lütfen sonra http://jsfiddle.net/EWUTX/

Bunlar kullanılan stilleri şunlardır: kullanılırken

.box { position: relative; display:inline-block;} 
.box:after { 
    position: absolute; 
    width: 100%; 
    height: 10px; 
    background: green; 
    content: ''; 
    bottom:-10px; 
    left:0; 
} 

Ben küçük 5px boşluğu almak Bir li öğesindeki stil, ancak div etiketindeki etiket.

f ont-size: 0px belirtiyorsam, boşluk gider. Ancak, li içindeki tüm metinler kaybolur.

li yazı tipi boyutu arttıkça boşluk genişler.

Yazı tipi boyutlarında herhangi bir kodlama olmadan bu boşluktan kurtulmanın bir stili var mı? Yine

Fiddle: http://jsfiddle.net/EWUTX/

Teşekkür

Not: Aslında kullanıcılar "started", "not-started" vb

gibi (sınıfları kullanarak) bir durum belirtebilirsiniz nerede içten CSS çerçeve inşa ediyorum

Kullanıldığında, eleman farklı renklerde küçük bir çubuk göstermelidir. Kullanıcılar bu sınıfı herhangi bir öğede kullanabilirler.

Answer 1

Bu boşluk, 'p' harfi gibi satır yüksekliği ayrılmış karakterlerin bir parçasıdır. Eğer divunuza yükseklik ayarlamazsanız aynı boşluğu alacaksınız. Eğer ayarlayabilirsiniz bir img gibi bir satır içi elemanından kaldırmak isterseniz alta dikey hizalama:

.box img { 
    vertical-align: bottom; 
} 

Bkz: http://jsfiddle.net/DhTzp/

Answer 2

Onun boşluk kasaları görüntü;

img{ display: block; }