解决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 中常用的字符

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

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

猜你喜欢

转载自blog.csdn.net/babyxue/article/details/81129089