有没有人知道为什么<legend>
标签没有集中在JQuery手机中?例如,我尝试了下面的代码。图例标签包含文字左对齐的JQuery移动?
<fieldset data-role="controlgroup" data-type="horizontal" data-theme="a">
<legend>I would this site.<legend>
<input type="radio" name="radio-choice-2-6" id="radio-choice-1-6" value="choice-1-6" />
<label for="radio-choice-1-6">1</label>
<input type="radio" name="radio-choice-2-6" id="radio-choice-2-6" value="choice-2-6" />
<label for="radio-choice-2-6">2</label>
<input type="radio" name="radio-choice-2-6" id="radio-choice-3-6" value="choice-3-6" />
<label for="radio-choice-3-6">3</label>
<input type="radio" name="radio-choice-2-6" id="radio-choice-4-6" value="choice-4-6" />
<label for="radio-choice-4-6">4</label>
<input type="radio" name="radio-choice-2-6" id="radio-choice-5-6" value="choice-5-6" />
<label for="radio-choice-5-6">5</label>
</fieldset>
当我检查在移动和模拟器的<legend>
标签保持文本,即使我将样式text-align: center
为<legend>
标签左对齐。但是,如果我把一个更长的文本,那么它的工作正常。例如:
<fieldset data-role="controlgroup" data-type="horizontal" data-theme="a">
<legend><p>If given the choice, I would rather spend time with my family than with friends or working.</p><legend>
<input type="radio" name="radio-choice-2-8" id="radio-choice-1-8" value="choice-1-8" />
<label for="radio-choice-1-8">1</label>
<input type="radio" name="radio-choice-2-8" id="radio-choice-2-8" value="choice-2-8" />
<label for="radio-choice-2-8">2</label>
<input type="radio" name="radio-choice-2-8" id="radio-choice-3-8" value="choice-3-8" />
<label for="radio-choice-3-8">3</label>
<input type="radio" name="radio-choice-2-8" id="radio-choice-4-8" value="choice-4-8" />
<label for="radio-choice-4-8">4</label>
<input type="radio" name="radio-choice-2-8" id="radio-choice-5-8" value="choice-5-8" />
<label for="radio-choice-5-8">5</label>
</fieldset>
请问有任何问题,请大声回答?
有你试图使''legend'显示:block'明确,而且它的不浮动? 'fieldset'标记同样适用 – 2013-04-26 11:48:50