我试图让这个控制组保持在一条线上。当我在移动设备或浏览器的最小宽度上查看时,我得到以下图像。我如何对齐它们,如果 radio 太大,请将其移到下一行。
<form id="myResourcesResourceTypes">
<div class="ui-field-contain">
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" >
<legend>Resources:</legend>
<input type="radio" name="radio-choice-h-2" id="radio-choice-h-2a" value="games" checked="checked">
<label for="radio-choice-h-2a">Games</label>
<input type="radio" name="radio-choice-h-2" id="radio-choice-h-2b" value="teams">
<label for="radio-choice-h-2b">Teams</label>
<input type="radio" name="radio-choice-h-2" id="radio-choice-h-2c" value="league">
<label for="radio-choice-h-2c">Leagues</label>
<input type="radio" name="radio-choice-h-2" id="radio-choice-h-2d" value="tournaments">
<label for="radio-choice-h-2d">Tournaments</label>
</fieldset>
</div>
</form>
最佳答案
当我从 jquerymobile 网站复制示例时,它们在复制时位于剪贴板中。我删除了所有间距...
关于jquery 移动水平控制组无法在移动设备上正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31866847/