Lời nói đầu: Tôi đã đọc rất nhiều bài viết về hình ảnh bên trong một div có một không gian lạ xung quanh họ, vvgian Không thể giải thích ở trên NÚT bên trong DIV
Ví dụ # 1: Unwanted padding-bottom of a div
Ví dụ # 2: https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
Ví dụ # 3: cannot eliminate space between 2 horizontal divs inside containing div
Sự cố của chúng có vẻ tương tự nhưng không giống với tôi. Trong tài liệu mẫu này, đường viền, đệm, đường viền, vv được đặt thành 0 .. nhưng cả Opera và Firefox đều tạo một pixel dự phòng ở đầu div. Thứ ba có thể lừa một cách xung quanh không gian này nhưng không ai có vẻ trả lời lý do tại sao nó có ..
Chỉnh sửa: Tôi đã đọc rất nhiều bài viết gần như trả lời câu hỏi này, nhưng tất cả dường như hơi khác với vấn đề thực tế.
Tôi đang thiếu gì? Đây là câu hỏi đầu tiên của tôi vì vậy hãy kiên nhẫn vui lòng :)
<!doctype html>
<html>
<head>
<title>Anger</title>
<style>
*{
cursor: default;
margin: 0;
outline: 0;
border: none;
padding: 0;
text-decoration: none;
}
body{
background-color: #87cefa;
}
div{
background-color: #ffffff;
}
button{
border-radius: 9px;
padding: 1px 6px 2px 6px;
font: 14px monospace;
color: #ffffff;
background-color: #1e90ff;
}
</style>
<head>
<body>
<div>
<button>Sample Button</button>
</div>
</body>
<html>
Có một số CSS3 sẽ làm cho tất cả hoạt động không? Đây là một dự án thử nghiệm, vì vậy CSS3 mới nhất được hoan nghênh.
PS: Tôi chỉ quan tâm đến việc dựng hình Opera, mặc dù Firefox sẽ rất hay để hỗ trợ với cùng một mã tuân thủ tiêu chuẩn .. Cảm ơn!
Cảm ơn! Điều đó hoạt động, không ai biết nơi nào trong các thông số kỹ thuật (tôi đọc chúng) hành vi này được chỉ định? – Fumbles
Vâng chiều cao dòng có liên quan đến kích thước phông chữ rõ ràng có thể khác nhau trên các hệ điều hành. Bạn có thể đọc thêm tại https://developer.mozilla.org/en/CSS/line-height và thấy rằng chiều cao dòng mặc định là khoảng 1,2. Vì bạn đã không chỉ định bất kỳ quy tắc phông chữ nào trong CSS của mình, chiều cao dòng mặc định sẽ khởi động và đặt lại thành không cố định. – j08691
@Fumbles - phần thông số kỹ thuật CSS 2.1 [10.6] (http://www.w3.org/TR/CSS2/visudet.html#Computing_heights_and_margins) và [10.8] (http://www.w3.org/TR/CSS2 /visudet.html#line-height). Nhưng nó không dễ đọc. – Alohci