邮箱用html编写上部分有空白间隙

img


这是163邮箱的截图


```html
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>XXXXtitle>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
head>
<body style="margin: 0; padding: 0;background: #eee;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" style="width:100%;margin: 0 auto;background: #eee;padding: 0;  word-wrap: break-word;
  min-height: 100px;
}">

table>
body>

```


body{
        margin: 0; 
        padding: 0;
        border: 0;
    }

加上这个看看

*{margin:0;padding:0;}

打开hbuilder,写入html元素，基本样式，点击预览。
发现各元素之间有空白间隙。
删除元素之间的换行，空格，发现元素的空白间隙没有了，但是html的排版很不美观。
如有帮助，望采纳

有空格,一般是原生标签携带的样式,

*{
 margin:0,
 padding:0
}

自带样式
display:inline-block;
font-size:0 处理

字体样式
font-size:16px;
line-height:16px

基本可以

在编写邮件的 HTML 代码时，如果出现了空白间隙，可能是因为你在代码中使用了多余的空格或换行。HTML 代码是不区分空格和换行的，因此在编写代码时要尽量减少这些无用的字符。

如果你使用了较多的空格和换行，可以使用工具来帮助你去除多余的空格和换行，例如 HTML Tidy 或 HTML Minifier。这些工具可以帮助你自动去除 HTML 代码中的多余空格和换行，使代码更紧凑，同时也有助于提高页面加载速度。

此外，如果你在 HTML 代码中使用了样式表 (CSS)，你也可以使用 CSS 属性来控制间隙的大小。例如，你可以使用 margin 和 padding 属性来调整元素内外的间隙。

总之，要解决邮件 HTML 代码中出现的空白间隙，你需要检查代码中是否有多余的空格和换行，并使用工具或 CSS 属性来控制间隙的大小。