Hủy bỏ tất cả các padding và bảng lề HTML và CSS

Tôi có bảng này:Hủy bỏ tất cả các padding và bảng lề HTML và CSS

<body> 
    <table id="page" > 
     <tr id="header" > 
      <td colspan="2" id="tdheader" >je suis</td> 
     </tr> 
     <tr> 
      <td>1</td> 
      <td>2</td> 
     </tr> 
    </table> 
</body>

và đây là css

html, body, #page { 
    height:100%; 
    width:100%; 
    margin:0; 
    padding:0; 
} 

#header { 
    margin:0; 
    padding:0; 
    height:20px; 
    background-color:green; 
}

và tôi muốn loại bỏ tất cả margin và padding nhưng luôn luôn tôi có mà :

enter image description here

Tôi làm cách nào để giải quyết vấn đề này?

Nguồn

2013-05-07 begiPass

Hãy thử điều này:

#page td { 
    padding:0; margin:0; 
} 

#page { 
    border-collapse: collapse; 
}

Nguồn

2013-05-07 20:27:59 wroniasty

Remove đệm giữa các tế bào bên trong bảng. Chỉ cần sử dụng các thuộc tính cellpadding=0 và cellspacing=0 trong thẻ bảng.

Nguồn

2013-05-07 20:28:30 Nps

Nên sử dụng CSS thay vì các thuộc tính không được chấp nhận. –

Hãy thử điều này:

table { 
border-spacing: 0; 
border-collapse: collapse; 
}

Nguồn

2014-09-18 14:24:21 zoom23

giãn cách đường viền không hoạt động khi thu gọn đường viền trong chế độ thu gọn. –

'bảng {border-collapse: collapse;}' đã thực hiện thủ thuật cho tôi! – TetraDev

Bàn là những yếu tố kỳ quặc. Không giống như div, chúng có các quy tắc đặc biệt. Thêm các thuộc tính cellspacing và cellpadding, được đặt thành 0 và nó sẽ khắc phục sự cố.

<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">

Nguồn

2014-12-08 14:40:49 memer

Câu trả lời được chấp nhận sử dụng phần đệm và lề css, đây là giải pháp thay thế được đề xuất cho khoảng cách ô và ô di động, đã bị từ chối trong nhiều năm nay. Và lưu ý rằng HTML5 không hỗ trợ cellspacing và cellpadding. – ToolmakerSteve

Tôi tìm thấy câu trả lời hoàn hảo nhất làm việc này là

.noBorder { 
    border: 0px; 
    padding:0; 
    margin:0; 
    border-collapse: collapse; 
}

Nguồn

2016-06-01 10:56:49

Cố gắng sử dụng thẻ cơ thể để loại bỏ tất cả magin và đệm như thế nào bạn muốn.

<body style="margin: 0;padding: 0"> 
    <table border="1" width="100%" cellpadding="0" cellspacing="0" bgcolor=green> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </table> 
</body>

Nguồn

2017-02-06 13:38:15

Hủy bỏ tất cả các padding và bảng lề HTML và CSS

Trả lời

Các vấn đề liên quan