gpt4 book ai didi

css - MS Outlook 2010 标题混合

转载 作者:太空宇宙 更新时间:2023-11-04 12:05:20 26 4
gpt4 key购买 nike

我绝对不是 CSS 或 HTML 专家,但我认为我的代码是正确的。当我在 Internet Explorer 中运行它时,它工作正常并在标题之间显示一些空白,这是应该的。但是当我将它发送到 MS Outlook 2010 时,标题混合在一起。而且我似乎无法找到一种方法来以干净的方式解决这个问题......

MS Outlook 2010(不正常):

MS Outlook 2010

Internet Explorer(正常):

enter image description here

HTML/CSS 代码:

<!DOCTYPE html>
<html><head><style type="text/css">
body {
font-family:verdana;
background-color:white;
}
h1 {
background-color:black;
color:white;
margin-bottom:0px;
text-indent:10px;
}
h2 {
background-color:lightGrey;
margin-bottom:10px;
text-indent:10px;
}
p {
font-size: 14px;
margin-left:10px;
}
</style></head><body>
<h1>My Big Title</h1>
<h2>My Smaller title:</h2>
<p>Hello world :)</p>
</body></html>

感谢您帮助解决这个讨厌的小问题。

h1 更改为 margin-bottom:10px; 也没有解决它:

enter image description here

最佳答案

通过添加 page-break-before: always; 修复它,如 this post 中所示.

我很高兴我解决了这个问题!困扰我很久了。

修复:

h1 {
background-color:black;
color:white;
margin-bottom:10px;
text-indent:10px;
page-break-before: always;
}
h2 {
background-color:lightGrey;
margin-bottom:10px;
text-indent:10px;
page-break-before: always;
}

关于css - MS Outlook 2010 标题混合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29429854/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com