のjQuery Mobileは自動的に追加されます＆NBSP

Question

私はjqueryのモバイルを使用してこのコードを持っている：

<div class="ui-controlgroup-controls "> 
&nbsp;&nbsp;&nbsp;&nbsp; 
<div class="ui-checkbox"> 

私がしました：

<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> 

問題は、私はページをロードする際のコードは次のように見えることですコード全体をスキップした場合、その問題は存在してはいけません。

  

これを修正する方法はありますか？

Answer 1

に0にdivタグのidと設定パディングを定義します。

実際には、ブラウザで に変換され、最後のブロックを下にする非表示の空白もコピーします。

問題を解決するには、タグ間のスペースをすべて削除するだけで、すべてが正しく表示されます。

Answer 2

自動デフォルトパディングを削除する方法はいくつもあります。

まず

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

第二：CSSコピーして自分のウェブサイトからソースコードを貼り付ける場合、この問題が来る

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