Html中的空格符

你的名字 2022-10-01 13:57 155阅读 0赞

转载地址：[https://www.cnblogs.com/bykj/p/5927893.html][https_www.cnblogs.com_bykj_p_5927893.html]  
1，Html中空格

<table> 
 <tbody> 
  <tr> 
   <td>&amp;nbsp;</td> 
   <td>&amp;#160;&nbsp;</td> 
   <td>不断行的空白（1个字符宽度）</td> 
  </tr> 
  <tr> 
   <td>&amp;ensp;&nbsp;</td> 
   <td>&amp;#8194;</td> 
   <td>半个空白（1个字符宽度）</td> 
  </tr> 
  <tr> 
   <td>&amp;emsp;</td> 
   <td>&amp;#8195;</td> 
   <td>一个空白（2个字符宽度）</td> 
  </tr> 
  <tr> 
   <td>&amp;thinsp;&nbsp;</td> 
   <td>&amp;#8201;</td> 
   <td>窄空白（小于1个字符宽度）</td> 
  </tr> 
 </tbody> 
</table>

2，Css 的方式空格

CSS中当 white-space 属性取值为pre时，浏览器会保留文本中的空格和换行,例如：

<div style="white-space:pre">AA   BB<div>

显示效果为： AA   BB

CSS的 letter-spacing 属性用于设置文本中字符之间的间隔，例如：

<div style="letter-spacing:5px;">欢迎光临！</div>

显示效果为： 欢   迎   光   临   ！

CSS的 word-spacing 属性用于设置文本中单词之间的间隔，例如：

<div style="word-spacing:5px">Happy new year!</div>

显示效果为： Happy   new   year!

3 , Html 中常用的字符

<table> 
 <tbody> 
  <tr> 
   <td>&amp;amp;</td> 
   <td>&amp;lt;</td> 
   <td>&amp;gt;</td> 
   <td>&amp;quot;</td> 
   <td>&amp;qpos;</td> 
   <td>&amp;copy;</td> 
   <td>&amp;reg;</td> 
   <td>&amp;trade;</td> 
  </tr> 
  <tr> 
   <td>&amp;#38;</td> 
   <td>&amp;#60;</td> 
   <td>&amp;#62;</td> 
   <td>&amp;#34;</td> 
   <td>&amp;#39;</td> 
   <td>&amp;#169;</td> 
   <td>&amp;#174;</td> 
   <td>&amp;#8482;</td> 
  </tr> 
  <tr> 
   <td>&amp;</td> 
   <td>&lt;</td> 
   <td>&gt;</td> 
   <td>"</td> 
   <td>'</td> 
   <td>©</td> 
   <td>®</td> 
   <td>™</td> 
  </tr> 
 </tbody> 
</table>

[https_www.cnblogs.com_bykj_p_5927893.html]: https://www.cnblogs.com/bykj/p/5927893.html