Jquery手机自动添加&nbsp

Question

我使用 Jquery 手机获得此代码：

<div role="main" class="ui-content">
  <form action="/" method="post">
    <fieldset data-role="controlgroup">
      <input type="checkbox" name="checkbox-1a" id="checkbox-1a" checked="">
      <label for="checkbox-1a">Cheetos</label>
      <input type="checkbox" name="checkbox-2a" id="checkbox-2a">
      <label for="checkbox-2a">Doritos</label>
      <input type="checkbox" name="checkbox-3a" id="checkbox-3a">
      <label for="checkbox-3a">Fritos</label>
      <input type="checkbox" name="checkbox-4a" id="checkbox-4a">
      <label for="checkbox-4a">Sun Chips</label>
    </fieldset>
   </form>
 </div>

问题是，当我加载页面时，代码如下所示：

<div class="ui-controlgroup-controls ">
    
<div class="ui-checkbox">

我跳过了整个代码，问题出在

那不应该在那里。知道如何解决吗？

Answer 1

您可以通过多种方式删除自动默认填充。

第一个

<div style="padding: 0;">...</div>

其次：为div标签定义一个id，并在css

中设置padding为0

<div id="myID">
#myID{ padding:0; }

Answer 2

从他们的网站复制和粘贴源代码时会出现此问题。

事实上，通过这种方式，您还复制了不可见的空格，这些空格被浏览器转换为 <code> ，并使最后一个块下降。

要解决此问题，只需删除标签之间的所有空格即可正确显示所有内容。

Jquery手机自动添加&nbsp

Jquery Mobile automatically adds &nbsp

jquery-mobile