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

[其他] HTML中的空格符号

2
回复
1240
查看
[复制链接]

763

主题

777

帖子

3万

积分

董事

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

积分
32946
发表于 19-4-27 11:51:00 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
HTML中的空格. _- U! D4 S- z
  不断行的空白(1个字符宽度) 
  半个空白(1个字符宽度) 
  一个空白(2个字符宽度)         
  窄空白(小于1个字符宽度)        

. ?$ u* s. ]' x2 ^( [4 H% k; A
CSS中的空格

5 c. v2 G4 h+ N) |3 h- I
3 Q# ~  I0 c1 s
   CSS中当 white-space 属性取值为pre时,浏览器会保留文本中的空格和换行,例如:

" C9 Z. N0 ?  h8 X  Q' v4 V( a
- p3 g4 D" @0 {& D, K- m
" c1 Y' D( ~0 F/ u/ d
      <div style="white-space:pre">AA   BB<div>
4 i7 g5 @0 H. c" p* u' S6 B4 H

* s' B* j- i, X$ l1 m6 z/ v% ]9 ^

* f/ t8 b5 ^  m- q7 a" Q+ |! x0 x
      显示效果为: AA   BB

% D0 s) ]8 ], Q  [3 `
6 W0 ^4 _( x1 q; [* V6 w( I
7 g/ k- {& T7 D' Q3 k
  CSS的 letter-spacing 属性用于设置文本中字符之间的间隔,例如:

2 W; w$ b" G) L
: @  N' H- d& J# [
, O+ Z7 I' ]7 n9 [' M
  <div style="letter-spacing:5px;">欢迎光临!</div>
; p  n. {$ e8 X# ~0 C5 T
2 K$ {$ U7 ^/ i9 p6 b
' S9 M! r- S0 q
  显示效果为: 欢   迎   光   临   !

+ ]6 b, E; Q" r) Q! _+ o8 \

" T. w; R5 [0 e+ \
$ T4 q  ?% G- V9 \& E- k' F1 C
  CSS的 word-spacing 属性用于设置文本中单词之间的间隔,例如:
0 L) g4 ^5 V6 b' G( ]
; D0 Y" g4 F' X. w2 D3 L
( V# W8 b- J2 C: Z" Z* s4 W: V4 H/ u
  <div style="word-spacing:5px">Happy new year!</div>
8 |" N9 F7 R. ?) ?$ p( X3 D& |

$ b4 X: f- S  H( I1 t6 H

$ d8 }  h. |: q9 R8 ^$ C
  显示效果为: Happy   new   year!
/ s7 q4 V# q% v- e0 L, {3 y, ~. i

( ^4 s/ J6 C4 o+ v+ P' T3 T% F- m

) [; a' T8 P* y4 Q8 p# y

4 S! Y) _: T$ u% Y- ~5 h3 D
Html 中常用的字符
3 ^/ n" ~' N4 y$ A2 N$ B

7 q% }" ]1 a/ r$ s4 L6 `7 I# e

( K; c$ J3 j5 S5 n7 @
&amp; &lt; &gt; &quot; &qpos; &copy; &reg;&trade;
&#38; &#60; &#62; &#34; &#39; &#169; &#174; &#8482;
& < > " ' © ®
                                                       
) r$ s2 ]) b* K, T$ u! Q+ k
                                                       

0 b- X+ d2 j! F) P/ L2 w
                                                       
5 p$ L8 z! ]" [$ J$ \; ?/ O

1 |' @# j7 w6 s' e& a$ M/ o  M8 i; F2 x6 }& a$ m

0

主题

10

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

0

主题

9

帖子

20

积分

1°伸手党

Rank: 2

积分
20
发表于 19-11-27 00:18:52 | 显示全部楼层         
真是 收益 匪浅
回复

使用道具 举报

网站简介

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