是否还有其他的空白代码,如半空格,空格,空格等在HTML中有用?

想知道是否有其他代码可用于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> 

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

是的, 很多 。

包括但不仅限于:

  • 不破的空间: &#160; 或者&nbsp;
  • 狭窄的&#8239;空间: &#8239; (没有可用的字符参考)
  • 太空: &#8194; 或者&ensp;
  • 时空: &#8195; 或者&emsp;
  • 3个电子空间: &#8196; 或者&emsp13;
  • 4-em-space: &#8197; 或者&emsp14;
  • 6-em-space: &#8198; 或(没有可用的字符参考)
  • 数字空间: &#8199;&numsp;
  • 标点符号空间: &#8200;&puncsp;
  • 薄的空间: &#8201; 或者&thinsp;
  • &#8202;&#8202;&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> 

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

因此,使用CSS更安全,可以指定任何所需的间距量,而不仅仅是固定宽度空间的特定宽度。 如果你只是希望在你的h2元素周围增加空格,就像我想的那样,那么在这些元素上设置填充(改变你已有的填充:0设置的值)应该可以正常工作。

不知道这是否是你所指的,但这是你可以使用的HTML实体列表:

XML和HTML字符实体引用的列表

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

例如&nbsp;&emsp; 等等