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

[其他] HTML中的空格符号

3
回复
1871
查看
[复制链接]

765

主题

779

帖子

3万

积分

董事

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

积分
33025
发表于 19-4-27 11:51:00 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
HTML中的空格4 L5 B1 `/ i4 S: t+ q
  不断行的空白(1个字符宽度) 
  半个空白(1个字符宽度) 
  一个空白(2个字符宽度)         
  窄空白(小于1个字符宽度)        
* N. a% R, B  E: a* q. I
CSS中的空格
, d& }, J# r5 m5 w5 {
0 ~) {- W* E! q) |
   CSS中当 white-space 属性取值为pre时,浏览器会保留文本中的空格和换行,例如:

9 J! O+ T& v( t  \; F" l% u

( N. v) |' F9 }& a
0 L- {$ H3 k; H# `/ g& O* C
      <div style="white-space:pre">AA   BB<div>

" K  Y& |3 E) T0 |- f
' V# d" H: _- h8 L- R9 ]: F% L

- C) \* G1 f$ r# L# h
      显示效果为: AA   BB
  u8 [+ S/ o% L1 G8 j1 T

" D" `% Q# _! n. F! @& O, p, V" |

& a5 n& \1 _7 Y( @
  CSS的 letter-spacing 属性用于设置文本中字符之间的间隔,例如:

, V2 V/ i8 B: \: j( O; H0 Y9 Q
2 T4 G/ S7 n( l  c4 g* R$ n

) L: ?3 @6 i* e% ~/ _* t
  <div style="letter-spacing:5px;">欢迎光临!</div>

& R/ L+ @0 H# V
2 {: w( a5 W6 s& Q. R$ g% J
5 |& G9 z; V8 k: P; q9 f
  显示效果为: 欢   迎   光   临   !

" y2 U  W+ L* o5 A4 y

& l. a# u0 m) {2 F

2 @; P( \0 ]- U; G+ m
  CSS的 word-spacing 属性用于设置文本中单词之间的间隔,例如:
8 p% ]3 C2 p0 }' I8 Z! k1 M' ?  @

3 Z4 R9 O( E* J
/ m/ [9 z* @2 G6 t( N
  <div style="word-spacing:5px">Happy new year!</div>
$ T; j. S7 P3 x1 Y" Y
5 O8 I# y3 O- l3 I/ U. v' n

  Y9 L! b* R; g( c# X( \+ L3 j
  显示效果为: Happy   new   year!
6 z# ^4 Y  `# |* x$ T
0 W1 s% m! h# D8 N$ E, K* T! I

6 Y; _' _+ v; f. z+ N- _& v

. [3 t9 ^% h( _8 W
Html 中常用的字符
1 b: d( T+ Z+ e' U

; q: O: ^* \/ T  c7 R
! V, n0 b7 N# [) t7 s' c
&amp; &lt; &gt; &quot; &qpos; &copy; &reg;&trade;
&#38; &#60; &#62; &#34; &#39; &#169; &#174; &#8482;
& < > " ' © ®
                                                       
5 u& |9 \$ U) f" D1 D4 W
                                                       
+ |* a' |% f: k* o
                                                       

3 S( Y/ h9 }7 O; ]
1 S; e" g; H5 G' G( H( l- M
% O' |7 W& T5 D5 {$ w4 d

0

主题

10

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

0

主题

11

帖子

20

积分

1°伸手党

Rank: 2

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

使用道具 举报

0

主题

8

帖子

4

积分

1°伸手党

Rank: 2

积分
4
发表于 20-4-13 05:37:48 | 显示全部楼层         
感谢admin
回复

使用道具 举报

网站简介

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