【html5/css3】Html中的空格符

1、Html中空格

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

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

&amp; &lt; &gt; &quot; &qpos; &copy; &reg; &trade;
&#38; &#60; &#62; &#34; &#39; &#169; &#174; &#8482;
& < > " © ®
发布了134 篇原创文章 · 获赞 80 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/Umbrella_Um/article/details/104807951
今日推荐