標籤之間持久的不需要的空間

我一直試圖消除這兩個標籤之間的空間，我想並排使用這些空間，但都無濟於事。我已經檢查過jQuery UI的用法，但據我所知，它們的CSS和我的一樣。我錯過了什麼？標籤之間持久的不需要的空間

.buttonset label { 
    width: 45%; 
    display: inline-block; 
    border: 2px solid #eee; 
    text-align: center; 
    padding: 5px 0px; 
    margin: 0px; 
} 
.buttonset label.checked { 
    border: 2px solid #5dccdb; 
    color: #5dccdb; 
    font-style: italic; 
} 
.buttonset input[type='radio'] { 
    display: none !important; 
}

Fiddle

讚賞任何幫助。

來源

2014-03-27 jboneca

嘗試加入float屬性爲.buttonset標籤{浮動：左;} –

你撥弄不具有'checked'設置爲類爲第二個標籤。它只是說'檢查'它應該說'class =「checked」'，我想。 – TylerH

@TylerH是的，我試圖擺脫所有多餘東西的代碼。在完整的代碼中，標籤有class =「checked」 – jboneca

在HTML中取出標籤之間的空白：

演示http://jsfiddle.net/w76rM/4/

有幾種方法可以做到這一點，三個最快的人被註釋掉的空白，都在一行中的元素或在下一行的開始處具有前一個標記的結尾>。

1 -In一行：在下一行的開頭

<Label></label><!-- 
--><Label></label>

3-先前標記的>：

<Label></label 
    ><Label></label>

<Label>...</label><Label>...</label>

2-註釋掉您的標記註釋掉了空格：

<div class="buttonset one_half"> 
    <div>Twins</div> 
    <label for="twins_yes"> 
     <input id="twins_yes" name="twins" type="radio" value="Yes">Yes</label><!-- 
    --><label for="twins_no" class="checked"> 
     <input id="twins_no" name="twins" type="radio" value="No" checked>No</label> 
</div>

來源

2014-03-27 18:53:14 Arbel

誰會猜測一個空間會導致空間:)？我是個白癡，會在時間流逝時接受答案。 – jboneca

@jboneca很高興能爲您提供幫助！ – Arbel

您必須添加浮動留給標籤要素

.buttonset label { 
     width: 45%; 
     display: inline-block; 
     border: 2px solid #eee; 
     text-align: center; 
     padding: 5px 0px; 
     margin: 0px; 
    float: left; }

來源

2014-03-27 18:54:42 Pirata21

標籤之間持久的不需要的空間

回答

相關問題