jquery移动网格问题

时间:2015-09-22 19:54:08

标签: jquery html html5 jquery-mobile

您好我试图使用jquery mobile创建应用程序,但出于某种原因,网格无法按预期工作。最后一个元素低于其他元素。如果我使用2-3-4块仍然是最后一个元素更低是不重要的。这是我的代码和小提琴 的 HTML

<fieldset class="ui-grid-b">
    <div class="ui-block-a"><input type="button" value="Hmm"></div>
    <div class="ui-block-b"><input type="reset" value="No"></div>
    <div class="ui-block-c"><input type="submit" value="Yes"></div>
</fieldset>  

拨弄 fiddle

1 个答案:

答案 0 :(得分:3)

代码之间的空格转换为&nbsp;个字符。删除代码中的空格,最后一个元素将正确对齐。

Updated JSfiddle

查看有关此错误的详情: How do I remove invisible “  ” which has been automatically added to code in JQM?

所以建议的修复方法是从浏览器的View source复制粘贴代码,而不是附加了unicode字符的格式化页面。