如何把一個元素更貼近html標籤

我需要創建一個元素（div或span）更接近爲輸入字段創建的標籤。我的問題是，標籤寬度似乎與輸入字段寬度有關，因此，如果我在HTML標籤後立即添加div，該元素將在輸入框佔用的空間末尾創建。我的問題是：如何在不使用固定位置座標的情況下將div元素更貼近標籤文本？如何把一個元素更貼近html標籤

我的代碼我得到這樣的：

Example label   XX 
======================== 
========================

我需要的東西，如：

Example label XX 
====================== 
======================

這是我當前的代碼：

HTML：

<div style="float:left;"> 
    <div id="spinner" style="float: right; visibility: visible;">XX</div> 
    <label for="text_sample">Example Text</label> 
    <label> 
    <input type="text" id="input_sample" name="xxxx" value="" style="width:180px" />  
    </label> 
</div>

CSS：

label{ 
    display: block;  
}

爲了您的方便我已經創建了一個Fiddler demo：

謝謝

來源

2014-03-24 Marco

我在XX和標籤上都使用了'float：left'。試試這個：http://jsfiddle.net/borglinm/zQ2Ep/1/ – Mathias

HTML：

<div style="float:left;"> 
    <label for="text_sample" class="left">Example Text</label> 
    <div id="spinner" class="left">XX</div> 
    <label> 
     <input type="text" id="input_sample" name="xxxx" value="" /> 
    </label> 
</div>

CSS：

label { 
    display: block; 
} 
.left { 
    float: left; 
} 
#input_sample { 
    width:180px; 
} 
#spinner { 
    margin-left:10px; 
}

的jsfiddle：http://jsfiddle.net/7fGLy/

來源

2014-03-24 18:15:22 syymza

如何把一個元素更貼近html標籤

回答

相關問題