解决html中 在不同浏览器中占位大小不统一的问题

如图所示：

 

我们在页面写html代码的时候为了对齐好看通常会用HTML中空格占位符如：   等但是这些写法在各种浏览器中占位大小经常不统一怎么办呢？

1，Html中空格

 	 	不断行的空白（1个字符宽度）
 	 	半个空白（1个字符宽度）
 	 	一个空白（2个字符宽度）
 	 	窄空白（小于1个字符宽度）

 2，Css 的方式空格

<p class="font">登<span style="letter-spacing:3px;"> </span>录<span style="letter-spacing:3px;"> </span>名：</p>

注意：这种写法中<span style="letter-spacing:3px;"> </span>之间一定要至少有一个英文半角空格

3 , Html 中常用的字符

&	<	>	"	&qpos;	©	®	™
&	<	>	"	'	©	®	™
&	<	>	"	'	©	®	™

 

本文参考了博客：https://www.cnblogs.com/bykj/p/5927893.html