DIV內對齊'收音機'和'評論'

當單選按鈕被成功更新後，單選按鈕下方會顯示'成功'，我希望它直接出現在收音機的右側。 10％& 90％內DIV內對齊'收音機'和'評論'

我試圖創建具有100％，DIV，然後2的div

<div style="width:100%"> 
<div style="width:10%"> <input type='radio' name="_chkBox" checked="checked" onclick='$("#clientId").val("@client.Id");'/> </div> 
<div style="width:90%"> <p style="color:Green;">Success</p> </div> 
</div>

enter image description here

來源

2013-10-24 John

添加display:inline-block;

<div style="width:100%"> 
<div style="width:10%;display:inline-block;"> <input type='radio' name="_chkBox" checked="checked" onclick='$("#clientId").val("@client.Id");'/> </div> 
<div style="width:90%;display:inline-block;"> <p style="color:Green;">Success</p> </div> 
</div>

來源

2013-10-24 10:51:20

感謝您的答覆恐怕這仍然不是與內聯 – John

減少寬度工作的第二個內部分區... – dav1dsm1th

啊是的...謝謝你親切先生....在一個單獨的筆記，第一行上的'成功'顯示爲粗體時，而第二行上顯示爲正常...任何想法爲什麼？ – John

您可以簡化加價如下：

<div> 
    <input type='radio' name="_chkBox" /> 
    <span style="color:green;">Success</span> 
</div>

如果將p標記替換爲span，則無需擔心p標記的默認頁邊距。

如果您需要爲樣式目的添加垂直填充和邊距，則可以將display: inline-block應用於span。

演示於：http://jsfiddle.net/audetwebdesign/ywXK6/

來源

2013-10-24 11:09:30

如果可能，我寧願通過div上的style屬性來完成它？ – John

添加Float:left到第一個div

<div> DIV是塊元素。如果你想<div>同一條線路，通過display:inline-block使塊元素內聯元素或給float:left的元素

http://jsfiddle.net/Lubuu/8/演示這裏

來源

2013-10-24 12:07:25

DIV內對齊'收音機'和'評論'

回答

相關問題