與水平單選按鈕放置鏈接

我試圖把我的jquery單選按鈕控件旁邊的信息按鈕，我無法弄清楚如何做到這一點。我得到的最接近的是添加style =「float：left;」到標籤，但是這弄亂了傳說。我希望它看起來和它通常一樣，只需要直接在控件右邊的信息按鈕。我不擅長使用CSS，所以任何幫助將不勝感激！與水平單選按鈕放置鏈接

<div data-role="fieldcontain"> 
<fieldset data-role="controlgroup" data-type="horizontal"> 
        <legend>Pass Keys:</legend> 
         <input type="radio" name="OTonoff" id="OTon" value="on"> 
         <label for="OTon">On</label> 
         <input type="radio" name="OTonoff" id="OToff" value="off"> 
         <label for="OToff">Off</label>   
</fieldset> 
<a href="index.html" data-role="button" data-icon="info" data-iconpos="notext"></a> 
</div>

https://jsfiddle.net/7wr13xv9/

來源

2016-07-09 user1760150

只是調試，並覆蓋某些規則，[示例]（HTTPS ：//jsfiddle.net/bympqhg6/）可能有更好的方法，但不確定。 – Stickers

看起來非常好！這正是我想要的。謝謝！ – user1760150

應用柔性的直接容器而不是：

fieldset { 
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ 
display: -ms-flexbox; /* TWEENER - IE 10 */ 
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ 
display: flex;   /* NEW, Spec - Firefox, Chrome, Opera */ 
}

補充一點：

legend { 
flex:0 0 8em; 
}

http://autoprefixer.github.io/

來源

2016-07-09 03:59:44

首先，你應該添加一些類。這樣您就可以準確定位您的標記。更改：

<div data-role="fieldcontain">

到

<div class="fieldcontain" data-role="fieldcontain">

然後，利用Flexbox的分發子元素的該div均勻。

.fieldcontain { 
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ 
display: -ms-flexbox; /* TWEENER - IE 10 */ 
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ 
display: flex;   /* NEW, Spec - Firefox, Chrome, Opera */ 
}

來源

2016-07-09 00:17:21 user1820262

這對於將信息按鈕向右移動很有效，但它會弄亂圖例。有沒有什麼方法可以讓傳說保持原樣（相同的間隔和在場），同時還有右側的信息按鈕？查看它對圖例中的圖例的影響：https：//jsfiddle.net/7wr13xv9/6/ – user1760150

與水平單選按鈕放置鏈接

回答

相關問題