在 HTML 中是否还有其他有用的空白代码，例如用于半空格、em 空格、en 空格等的 &nbsp？

Question

想知道是否还有其他代码可用于 HTML 时事通讯。

我会使用单元格填充或边距，但我是这个 HTML/CSS 的新手，我找不到影响主标题行和它下面的副标题的更改。作为一封电子邮件，我犹豫着要不要使用 CSS 来实现它——因为我不知道电子邮件客户不喜欢 CSS 而不喜欢内联标记。

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

     <!-- 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>

整个电子邮件作为网页可以在 这里 看到

原文由 wide_eyed_pupil 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

是的， 很多。

包括但不仅限于：

• []头发空间：   或  
• [ ] 6-per-em space :  （没有可用的字符参考）
• [ ] narrow no-break space :  （没有可用的字符参考）
• []薄空间：   或  
• [ ] 4-per-em 空间：   或  
• []不间断空间：   或  
• []标点空格：   或  
• [ ] 3-per-em 空间：   或  
• [ ] en space :   或  
• []图形空间：   或  
• [] em空间：   或  

 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;</span></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>

原文由 bookcasey 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有其他空格字符的代码，这些代码本身运行良好，但字符本身是遗留字符。它们仅由于存在于现有字符数据中而被包含在字符集中，而不是用于新文档中。对于字体和浏览器版本的某些组合，它们可能会导致显示无法表示的字符的通用字形。有关详细信息，请查看我 关于 Unicode spaces 的页面。

所以使用 CSS 更安全，并且允许您指定任何所需的间距量，而不仅仅是固定宽度空间的特定宽度。如果你只是想在你的 h2 元素周围添加间距，在我看来，那么在这些元素上设置填充（改变你已经拥有的 padding: 0 设置的值）应该可以正常工作。

原文由 Jukka K. Korpela 发布，翻译遵循 CC BY-SA 3.0 许可协议