在100%宽度表中链接导致宽度为90%的表格

在100%宽度表中链接导致宽度为90%的表格

本文介绍了在100%宽度表中链接导致宽度为90%的表格的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这是非常重要的。

下面的代码应该产生一个100%宽的电子邮件,一个石灰色的顶部。但是由于TD包含了一个链接,整个表格现在是90%左右,但只能在iPhone电子邮件中使用。删除链接,电子邮件是正确的...发生了什么?

This below code should result in a 100% width e-mail, with a lime colored top. But because the TD contains a link, the whole table is now 90% (or so) - but only in iPhone e-mail. Remove the link and the email is correct... What's going on?

我已将我的电子邮件归结为:

<!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>
<title>Email</title>
</head>
<body bgcolor="brown" style="margin:0;padding:0; ">
    <table cellpadding="0" cellspacing="0" width="100%" bgcolor="black">
        <tr>
            <td bgcolor="Lime">
                <div><a href="#" alt="">This</a> is a link</div>
            </td>
        </tr>
    </table>
</body>
</html>

没有什么是错的...对吧? ...或者我是盲人的?

Nothing is wrong with it... right? ...or am I blind?

推荐答案

这个MacRumors线程提供了一个解决方案:

This MacRumors thread provides a solution to the issue: http://forums.macrumors.com/showthread.php?t=1158457

如果您将内容封装在具有中心对齐方式的父表中,这似乎奇迹似乎消除了正确的边距在iPhone邮件阅读器上。

If you wrap your content in a parent table with center alignment, this oddly seems to eliminate the right margin on the iPhone mail reader.

这篇关于在100%宽度表中链接导致宽度为90%的表格的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-19 19:40