Question

我正在尝试在我的jquery单选按钮控件旁边放一个信息按钮，我无法弄清楚如何做到这一点。我得到的最接近的是添加style =“float：left;”到标签，但这会弄乱传说。我希望它看起来和正常情况一样，只需使用控件右侧的信息按钮。我对CSS不太好，所以任何帮助都会非常感激！

git rebase -p

https://jsfiddle.net/7wr13xv9/

Answer 1

将flex应用于直接容器：

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/

Answer 2

首先，您应该添加一些类。这样，您就可以准确地定位标记。变化：

<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 */
}

将链接与水平单选按钮放在一起

2 个答案: