Jquery Mobile sẽ tự động thêm & nbsp

Question

tôi đã có mã này sử dụng 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> 

Vấn đề là khi tôi tải trang mã trông như thế này:

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

Tôi đã bỏ qua toàn bộ mã, sự cố nằm trong số

  

không nên ở đó. Bất kỳ ý tưởng nào về cách khắc phục?

Answer 1

Vấn đề này xảy ra khi sao chép và dán mã nguồn từ trang web của họ.

Thực tế theo cách này, bạn cũng sao chép các khoảng trắng trống ẩn được chuyển đổi thành   bởi trình duyệt và làm cho khối cuối cùng đi xuống.

Để giải quyết sự cố, chỉ cần xóa tất cả khoảng trắng giữa các thẻ và tất cả sẽ được hiển thị chính xác.

Answer 2

Có nhiều cách để bạn có thể xóa đệm mặc định tự động.

Đầu tiên

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

Thứ hai: Xác định một id cho thẻ div và thiết lập padding 0 trong css

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