Question

我使用Jquery Mobile获得此代码：

<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 ">
&nbsp;&nbsp;&nbsp;&nbsp;
<div class="ui-checkbox">

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

中

&nbsp;

不应该存在。有关如何修复它的想法吗？

Answer 1

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

实际上，通过这种方式，您还可以复制不可见的空格，这些空格由浏览器转换为 ，并使最后一个块停止运行。

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

Answer 2

有很多方法可以删除自动默认填充。

首先

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

第二步：为div标签定义一个id，并在css中将填充设置为0

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

Jquery Mobile自动添加

2 个答案: