删除 MFMailComposeViewController HTML 右边距？答案

【问题标题】：Remove MFMailComposeViewController HTML right margin?删除 MFMailComposeViewController HTML 右边距？
【发布时间】：2012-07-28 03:21:12
【问题描述】：

我正在尝试使用 MFMailComposeViewController 从我的应用程序发送 HTML 电子邮件，但我遇到了右侧有奇怪填充的问题。

这是我正在使用的 HTML：

</br>
</br>
<a href='itms-apps://itunes.apple.com/app/id444395321'>
<img src='http://brianensorapps.com/whirlworld/wwad.png' height='80' width='320' style='position:relative;left:-10px;margin-right:0px;padding-right:0px;'/>
</a>

我不确定哪些正确的 CSS 标记是必需的。现在都没有工作。 position 和 left 标签用于消除左边距。

这是我试图避免的情况的图片，用户可以滚动到右侧越过我的横幅：

还要求我发布用于呈现 MFMailComposeViewController 的代码：

sharingVC = [[MFMailComposeViewController alloc] init];
sharingVC.mailComposeDelegate = self;
sharingVC.navigationBar.tintColor = [UIColor lightGrayColor];
[sharingVC setSubject:@"Check out this app"];
[sharingVC setMessageBody:[NSString stringWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"sharingEmail.html"] usedEncoding:nil error:nil] isHTML:YES];
[self presentViewController:sharingVC animated:YES completion:nil];

【问题讨论】：

我添加了我的代码和我承诺但之前忘记上传的图片。

标签： html ios mfmailcomposeviewcontroller

【解决方案1】：

您将左边距设置为 -10px，这会将所有内容都向左移动（给您 10px 的右边距）

在 style 属性中，将 left: -10px 更改为 left:0px，这样您的 html 代码如下所示：

</br>
</br>
<a href='itms-apps://itunes.apple.com/app/id444395321'>
<img src='http://brianensorapps.com/whirlworld/wwad.png' height='80' width='320' style='position:relative;left:0;margin-right:0px;padding-right:0px;'/>
</a>

我认为您真正想要的是将位置设置为 absolute 和 left 为 0，如下所示：

</br>
</br>
<a href='itms-apps://itunes.apple.com/app/id444395321'>
<img src='http://brianensorapps.com/whirlworld/wwad.png' height='80' width='320' style='position:absolute; left:0px' />
</a>

在我的测试中，这显示图像从屏幕左侧一直到右侧没有水平滚动。

【讨论】：

【解决方案2】：

要删除任何和所有边距，您可以考虑包含一个改变 html 输出的内联标记。

这可能会奏效：

<style type="text/css">
body {padding:0px;margin:0px;}
</style>
</br>
</br>
<a href='itms-apps://itunes.apple.com/app/id444395321'>
<img src='http://brianensorapps.com/whirlworld/wwad.png' height='80' width='320' style='position:relative;left:-10px;margin-right:0px;padding-right:0px;'/>
</a>

【讨论】：