JQuery移动网格中的垂直对齐

Question

我正在尝试使用JQuery手机设置一个页面，我有一个3列网格，有一个标签，一个文本输入和一组水平对齐的单选按钮。由于某些原因，网格元素c设置的高度比其他两个元素大，我似乎不能强制前两个单元格与其对齐。

代码的示例位于：http://jsfiddle.net/5WSj4/1/

下面是有问题的代码

<div data-role="page" id="page_fullDialog">
    <div id="dialog_main" data-role="content">
        <fieldset class="ui-grid-b">
            <div class="ui-block-a" style="width:30%">
                <label style="vertical-align:top" data-mini="true" for="leagueNameInput">League Name:</label>
            </div>
            <div class="ui-block-b" style="width:10%">
                <input type="text" style="vertical-align:top" data-mini="true" name="leagueNameInput" id="leagueNameInput" maxlength="4" value="" data-mini="true" />
            </div>
            <div class="ui-block-c" style="width:60%; text-align: right;">
                <div data-role="fieldcontain" data-mini="true">
                    <fieldset data-role="controlgroup" data-mini="true" data-type="horizontal">
                        <!-- <legend>Difficulty:</legend>  -->
                        <input type="radio" name="difficulty" id="difficultyEasy" value="choice-1" />
                        <label for="difficultyEasy">Easy</label>
                        <input type="radio" name="difficulty" id="difficultyMedium" value="choice-2" checked="checked" />
                        <label for="difficultyMedium">Medium</label>
                        <input type="radio" name="difficulty" id="difficultyHard" value="choice-2" />
                        <label for="difficultyHard">Hard</label>
                    </fieldset>
                </div>
            </div>
        </fieldset>
    </div>
</div>

在这方面的任何帮助都将非常感谢。

Answer 1

出于某种奇怪的原因，ui-controlgroup的上边距为0.5em。在fieldset元素中覆盖它可以解决这个问题，即

style="margin-top: 0px;"