Vì vậy, tôi vừa mất vài giờ trong cuộc đời mình để giành chiến thắng trong trận chiến này, không có may mắn. Tóm lại, tôi đang cố gắng điền vào một bảng có ba hình ảnh 10px, nhưng GMail buộc mỗi ô phải là 16px. Dưới đây là những gì tôi đang làm việc với:GMail buộc TD chứa spacer.gif cao 16px
<table border="0" cellpadding="0" cellspacing="0" width="550" style="height:10px !important">
<tr style="height:10px" height="10">
<td width="10" height="10" style="height:10px !important">
<img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tl.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td>
<td width="531" height="10" style="height:10px !important; background-color:#FFFFFF;">
<img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/spacer.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td>
<td width="9" height="10" style="height:10px !important">
<img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tr.gif" style="display:inline; padding: 0px; margin:0px" width="9px" height="10px"></td>
</tr>
</table>
Tôi xin lỗi vì có quá nhiều thuộc tính thừa, vì tôi đã thử mọi thứ. Về cơ bản, tôi đang cố gắng làm cho bảng chính xác cao 10px. Dù thế nào đi chăng nữa, GMail làm cho nó cao tới 16px. Nếu tôi sử dụng công cụ nhà phát triển để xóa tất cả ba hình ảnh trực tiếp từ mã nguồn, thì bảng thu gọn thành 10px. Ngoài ra, nếu tôi xóa 2 trong số ba hình ảnh, nó vẫn giữ nguyên 16px. Nó gần như là nếu TD phải là 16px nếu nó có chứa một hình ảnh, hoặc hình ảnh có 3px đệm xung quanh nó.
Có ai đã trải nghiệm bất cứ điều gì như thế này không? Và nếu có, bất kỳ ý tưởng nào? Tôi đang chạy ra khỏi ý tưởng, và sự tỉnh táo ..
Chúng tôi có thể nhận thêm ngữ cảnh về điều này không? Làm thế nào và ở đâu là điều này xảy ra? Tại gmail.com bạn đang tự động chèn mã bảng ở đâu? Hoặc bạn đang chỉnh sửa một bảng hiện có? Điều này là thông qua Tiện ích mở rộng của Chrome? – mrtsherman