IE9 email table bug?
我在表格中有一个横幅图像(这是电子邮件，所以是的，编码类似于 1999。)IE9 显示图像周围的空间，尽管有
1) 单元格填充=”0″
2) 单元格间距=”0″
3)标签和标签之间的代码中没有空格
4)表格宽度==表格单元格宽度==图像宽度(全部600)
和真正奇怪的踢球者，当我应用 hspace=”0″ 修复时，尽管 align=”center” 应用于标签，但横幅从居中对齐(每边有相等的 1px 间隙)到左对齐。
(附图片)
|
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> Title here </head> <body> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3" align="center" bgcolor="#3ad1e2" style="color: #ffffff;"><img src="http://www.milya.ch/banner1.jpg" width="600" height="90" alt="a random kitteh banner" hspace="0" style="display:block;" /></td> </tr> <tr> <td width="15"></td> <td width="570">Some text content here</td> <td width="15"></td> </tr> </table> </body> </html> |
在 Outlook colspan 中，如果第一行中未设置 col 宽度，则会导致一些问题。你只需要添加一个空行来强制宽度。
不确定 IE9，但这可能会解决您的问题：
|
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> Title here </head> <body> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"></td> <td width="570"></td> <td width="15"></td> </tr> <tr> <td colspan="3" align="center" bgcolor="#3ad1e2" style="color: #ffffff;"><img src="http://www.milya.ch/banner1.jpg" width="600" height="90" alt="a random kitteh banner" hspace="0" style="display:block;" /></td> </tr> <tr> <td width="15"></td> <td width="570">Some text content here</td> <td width="15"></td> </tr> </table> </body> </html> |
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/tech/269169.html