腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

[其他] HTML中的空格符号

1
回复
1083
查看
[复制链接]

761

主题

775

帖子

3万

积分

董事

Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72

积分
32836
发表于 19-4-27 11:51:00 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
HTML中的空格  {0 e6 k  m+ N+ Z1 h0 R: I% y8 v
  不断行的空白(1个字符宽度) 
  半个空白(1个字符宽度) 
  一个空白(2个字符宽度)         
  窄空白(小于1个字符宽度)        
3 }7 y* j, W( I+ K$ {
CSS中的空格
% W  Y" Z* {0 D3 i7 O7 F4 @
+ {/ n5 }4 X$ N
   CSS中当 white-space 属性取值为pre时,浏览器会保留文本中的空格和换行,例如:

' h7 I4 p! I7 K! k

: }3 n7 \# C# q: J# N! ?. P& c

8 ~% \  e& y* S1 d6 V- x& L. Z4 v
      <div style="white-space:pre">AA   BB<div>
4 x: p$ L+ Y. V! F& W8 b
; K: m' }, I3 K0 b6 w  I
% R* V2 B& R/ w' B) v( u
      显示效果为: AA   BB
2 C+ g/ _8 G6 L

$ L7 Y' R6 ?- W" L9 ^% H! @+ A

4 n% n; [- o* o/ j2 a
  CSS的 letter-spacing 属性用于设置文本中字符之间的间隔,例如:
1 y& l2 o: s/ p) r& p
2 {3 Z7 d7 }2 W9 T2 b% J4 p1 C

/ a' y8 o: o% V1 D) M# `* }! w
  <div style="letter-spacing:5px;">欢迎光临!</div>

6 ]9 d! P4 R6 l

) s8 W( ?4 ]& [$ ~. k9 |# |& N8 V5 V

, E, N3 h1 r3 [" D# M
  显示效果为: 欢   迎   光   临   !

) V: z, V0 T: r* }; z

: i" \: m0 r1 p* s

  E4 J: \4 O- @) x9 b
  CSS的 word-spacing 属性用于设置文本中单词之间的间隔,例如:
4 V1 e( t4 s  \: `/ c& C

0 T3 o+ Y7 h: _  j' v* c5 W  X
( B/ a) v& m/ [. I. D
  <div style="word-spacing:5px">Happy new year!</div>

+ A# P4 J# Q1 o$ ?

# C  |6 i- J; V/ g7 Q  ]
5 U( Q/ k( C/ D1 v
  显示效果为: Happy   new   year!
0 }; K( n4 j4 ^$ }0 J
8 h4 ~: H& K0 _7 Q$ ?

+ ~# D2 }; I0 p" U9 |9 V
2 u5 X2 E2 i. ^8 x2 j  I
Html 中常用的字符

7 i- ^/ u& {5 L) e% H/ Z/ }5 J0 ~

* D" U+ ^2 O2 k, T. O

3 e5 i9 Q3 U& j. B* s% H0 h( j
&amp; &lt; &gt; &quot; &qpos; &copy; &reg;&trade;
&#38; &#60; &#62; &#34; &#39; &#169; &#174; &#8482;
& < > " ' © ®
                                                       
$ s+ p$ w8 i7 f. h0 x! N
                                                       

* Z4 h" n- T# o* I2 m5 E
                                                       

/ A& N% O& D& n# H9 ^8 s; a1 ]7 H1 [1 W0 a9 G5 z4 A* H5 m
2 `; s8 A' E7 I5 m

0

主题

7

帖子

4

积分

1°伸手党

Rank: 2

积分
4
发表于 19-10-17 07:15:11 | 显示全部楼层         
我抢、我抢、我抢沙发~
回复

使用道具 举报

网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除