Xóa phần đệm thừa trong nút IE

Question

Trong trang web của tôi, có rất nhiều nút. Khi xem trong Chrome, chiều rộng của nút chỉ vừa với văn bản nút động nhưng trong IE, tôi có thể thấy phần đệm thừa được tạo ở cả hai bên trái và bên phải ...

Sẽ có bất kỳ quy tắc CSS nào có thể cho phép tôi lấy đi những đệm này? Cảm ơn.

Answer 1

Bạn có thể sử dụng đặt lại css vì nó tránh sự không thống nhất của trình duyệt.

Vui lòng tham khảo http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

Visit http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/ cho reset.css

Answer 2

Có thể là hơi muộn, nhưng khi tôi đã tìm kiếm SO cho vấn đề rất giống hôm nay tôi tìm thấy this question. Rõ ràng, đây không phải là đệm thực (theo nghĩa là nó không thể bị tắt bởi padding:0px), mà đúng hơn là một trong những điều kì quặc kỳ lạ mà tất cả chúng ta đều yêu thích rất nhiều về IE. (Lưu ý cách tỷ lệ đệm giả với độ dài văn bản nút O_o). May mắn thay, có một giải pháp đơn giản cho nó, như được mô tả here.

Về cơ bản, bạn chỉ thêm overflow:visible; vào nút (Tôi không cần thêm width:auto; như được mô tả ở đó). Đừng hỏi - nó hoàn toàn không phải những gì bạn đã nghĩ rằng điều này nên làm, nhưng tốt ... Đó là IE Land và các quy tắc khác nhau ở đó. Chỉ cần lưu ý rằng điều này dường như không hoạt động khi các nút của bạn nằm bên trong một ô bảng.

Tôi đoán việc đặt lại CSS có thể đã giải quyết được điều này, bởi vì ai đó đã bao gồm điều này trong một số tuyên bố toàn cầu. Chỉ cần thêm câu trả lời này để làm sáng tỏ thêm về cách thức và lý do.

Không bao giờ bỏ cuộc, mọi người - con cái của chúng ta sẽ thấy một thế giới không có sự kỳ quặc của IE ... Người ta có thể hy vọng.

Answer 3

Được quản lý để tránh khoảng cách thêm trong IE với hiển thị câu lệnh bổ sung: khối; trong CSS như vậy:

.menu button{ 
    display:block; 
    width:100%; 
    padding:0; 
} 

Lưu ý rằng tôi không sử dụng chiều rộng: tự động vì nó không phải là tùy chọn trong trường hợp của tôi - nút trống, chiều rộng được lấy từ div mẹ.