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

wid*_*pil 123 html

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

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

对于上下文,我使用的模板是来自Mailchimp snip的Mute主题:

    <!-- 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>
Run Code Online (Sandbox Code Playgroud)

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

boo*_*sey 336

是的,很多.

包括但不仅限于:

  • 不间断的空间:&#160;&nbsp;
  • 狭窄的不间断空间:( &#8239;没有可用的字符参考)
  • 空间:&#8194;&ensp;
  • em空间:&#8195;&emsp;
  • 3-per-em空间:&#8196;&emsp13;
  • 4-per-em空间:&#8197;&emsp14;
  • 6-per-em空间:( &#8198;没有可用的字符参考)
  • 数字空间:&#8199;&numsp;
  • 标点符号空间:&#8200; 或&puncsp;
  • 薄空间:&#8201; 或&thinsp;
  • 头发空间:&#8202; 或&hairsp;

span{background-color: red;}
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)

  • 对于任何想要了解这些空白类型的人看起来像https://jsfiddle.net/LcLg5u25/ (4认同)
  • 数字空间`$numsp;`对于对齐数字非常有用,因为空间被定义为与相同字体中的数字完全一样宽。 (4认同)
  • Firefox将所有上述空格渲染为相同的宽度,宽度大于字体中的一个空格,除了nbsp之外,它将渲染为一个空格并强加非破坏字符.一个真正的耻辱.在某些情况下,只有一个字符可以执行,例如当padding被控制或传递给其他类似于`before:`的结构时 (3认同)
  • @fyngyrz至少在Linux上的Firefox 54中,这是不正确的(不再)。它也可能取决于字体。我已经在使用Arial字体系列的Stack Overflow上进行了测试。 (2认同)
  • Windows Firefox现在可以正常使用(v.61)BTW。 (2认同)

Juk*_*ela 12

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

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

  • @Simon_Weaver,正如我所描述的,固定宽度的空格字符不能可靠地工作。它们也是一个生硬的工具:一组固定的宽度,尽管实际宽度取决于字体,这与与字体无关的设置(如“&lt;span style="padding: 0 0.1em"&gt;4 PACK&lt;/span&gt;”)相反,可以自由设置和调整值。 (2认同)
  • 虽然 Peter K Sheerin 的《The Trouble With EM 'n EN (and Other Shady Characters)》(http://alistapart.com/article/emen) 已经很老了,但关于这个主题仍然是有用的读物​​。特别是,尽管在过去 14 年里这可能有所改善,但事实是并非所有 f̶o̶n̶t̶s̶ 字体都能正确呈现各种空间。 (2认同)
  • 还有“ZERO WIDTH JOINER” https://www.fileformat.info/info/unicode/char/200d/index.htm 和“ZERO WIDTH NON JOINER”,我倾向于比零宽度空格更频繁地使用它们。 (2认同)

isN*_*247 8

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

XML和HTML字符实体引用列表

使用"名称"列中的内容,您可以将它们包装在&和中;

例如 &nbsp;,&emsp;等等.


Hel*_*der 5

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

&#32;
Run Code Online (Sandbox Code Playgroud)