Question

想知道HTML简报中是否还有其他可用的代码。

我会使用单元格填充或边距但我不熟悉这个HTML / CSS的东西，我无法找到影响主标题行和它下面的子标题的更改。作为一封电子邮件，我不愿意使用CSS来解决这个问题 - 因为我不知道哪些电子邮件客户端不喜欢CSS而不是内联标记。

对于上下文，我使用的模板是来自Mailchimp snip的静音主题：

    <!-- language: lang-html -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="626">
    <tbody>
        <tr>
            <td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;">
                <table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97">
                    <tbody>
                        <tr>
                            <td valign="middle" width="160" style="vertical-align:middle; text-align: left;">
                                <img width="70" height="70" src="http://dl.dropbox.com/…….png" style="margin:0; margin-top: 4px; display: block;" alt="" />
                            </td>
                            <td valign="middle" style="vertical-align: middle; text-align: left;">
                                <h1 class="title" style="margin:0; padding:0; font-size:30px; font-weight: normal; color: #192c45 !important;">
                                    <singleline label="Title"><span>Title of Report</span></singleline>
                                </h1>
                                <h1 class="title" style="margin:0; padding:0; font-size:15px; font-weight: normal; color: #192c45 !important;">
                                    <singleline label="Title"><span>Small Subhead</span></singleline>
                                </h1>
                            </td>
                            <td width="55" valign="middle" style="vertical-align:middle; text-align: center;">
                                <h2 class="date" style="margin:0; padding:0; font-size:13px; font-weight: normal; color: #192c45 !important; text-transform: uppercase; font-weight: bold; line-height:1;">
                                    <currentmonthname />December
                                </h2>
                                <h2 class="date" style="margin:0; padding:0; font-size:23px; font-weight: normal; color: #192c45 !important; font-weight: bold;">
                                     <currentyear />2011
                                </h2>
                            </td>

                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>

可以看到整个电子邮件作为网页here

Answer 1

是的，many。

包括但不限于：

不间断空格： 或 
狭窄的不间断空间： （没有可用的字符参考）
空格： 或&ensp;
em space  或&emsp;
每个空间3个： 或&emsp13;
4-per-em space  或&emsp14;
每个空间6个： （没有可用的字符参考）
数字空间： 或&numsp;
标点符号空间： 或&puncsp;
空格： 或 
发空间： 或&hairsp;

span{background-color: red;}

<table>
<tr><td>non breaking space:</td><td> <span>&#160;</span> or <span>&nbsp;</span></td></tr>
<tr><td>narrow no-break space:</td><td> <span>&#8239;</span></td></tr>
<tr><td>en space:</td><td> <span>&#8194;</span> or <span>&ensp;</span></td></tr>
<tr><td>em space:</td><td> <span>&#8195;</span> or <span>&emsp;</span></td></tr>
<tr><td>3-per-em space:</td><td> <span>&#8196;</span> or <span>&emsp13;</span></td></tr>
<tr><td>4-per-em space:</td><td> <span>&#8197;</span> or <span>&emsp14;</span></td></tr>
<tr><td>6-per-em space:</td><td> <span>&#8198;</span></td></tr>
<tr><td>figure space:</td><td> <span>&#8199;</span> or <span>&numsp;</span></td></tr>
<tr><td>punctuation space:</td><td> <span>&#8200;</span> or <span>&puncsp;</td></tr>
<tr><td>thin space:</td><td> <span>&#8201;</span> or <span>&thinsp;</span></td></tr>
<tr><td>hair space:</td><td> <span>&#8202;</span> or <span>&hairsp;</span></td></tr>
</table>

Answer 2

其他空格字符有代码，这样的代码效果很好，但字符本身就是遗留字符。它们仅包含在字符集中，因为它们存在于现有字符数据中，而不是用于新文档。对于字体和浏览器版本的某些组合，它们可能会导致显示不可表示字符的通用字形。有关详细信息，请查看我的page about Unicode spaces。

因此使用CSS更安全，您可以指定任何所需的间距，而不仅仅是固定宽度空间的特定宽度。如果您只想在h2元素周围添加间距，就像在我看来那样，那么在这些元素上设置填充（更改填充值：0已经设置的设置）应该可以正常工作。

Answer 3

不确定这是否是您所指的，但这是您可以使用的HTML实体列表：

List of XML and HTML character entity references

使用“名称”列中的内容，您只需将其打包在&和;

中

E.g。  ，&emsp;等

Answer 4

正常编码的空白字符怎么样？

&#32;

Answer 5

我使用了此Unicode十进制代码‌并开始工作。 more details

是否有其他空格代码，如半空格，em空格，en-spaces等在HTML中有用？

5 个答案: