我可以刪除這些跨度嗎？

我有這樣的HTML/CSS代碼（JSBin）：我可以刪除這些跨度嗎？

.trackTime{width:50px; text-align:left; float:left;} 
.trackInputTime{width:45px; height:22px; background-color:#F4F4F4;} 

<span class="trackTime">    
    <select name="hours[]" class="trackInputTime" id="trackInputHours" > 
     <option value="??">??</option> 
    </select> 
</span> 

<span class="trackTime">    
    <select name="minuts[]" class="trackInputTime" > 
     <option value="??">??</option> 
    </select> 
</span> 

<span class="trackTime">        
    <select name="seconds[]" class="trackInputTime" > 
     <option value="??">??</option> 
    </select> 
</span>

而且我想刪除跨度爲每個選擇字段。試圖刪除跨度和編輯類（here編輯後的版本）：

.trackInputTime{width:50px; height:22px; background-color:#F4F4F4; text-align:left; padding-right:5px; float:left;}

，但有一個白色的背景下，我不喜歡..

同爲輸入提交按鈕：

.trackBotton{width:75px; float:left; text-align:right;} 

<span class="trackBotton"><input type="submit" value="+ Side" onClick="addSide(this);return false" /></span> 
<span class="trackBotton"><input type="submit" value="+ Track" onClick="addTrack(this);return false" /></span> 
<span class="trackBotton"><input type="submit" value="Remove" onClick="remTrack(this);return false" /></span>

我有很多這些跨度，這就是爲什麼我想刪除它們。

我該怎麼辦？無法添加jsfiddle，因爲它似乎處於脫機狀態：O

來源

2011-05-25 markzzz

置於http://jsbin.com/如果jsfiddle處於脫機狀態 – jimy 2011-05-25 10:59:11

謝謝！完成:) – markzzz 2011-05-25 11:05:55

看起來像使用跨度在表單元素之間獲得一些空間。您可以刪除跨度和使用

.trackInputTime{width:50px; height:22px; background-color:#F4F4F4; text-align:left; margin-right:5px; float:left;}

你是幾乎沒有，只是用的「保證金」，而不是「填充」。填充是元素「內部」的額外空間，外部邊距。

來源

2011-05-25 11:08:56 svanelten

嘗試將此行修改爲： padding-right：0px;

來源

2011-05-25 11:13:26 Chumillas

我可以刪除這些跨度嗎？

回答

相關問題