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

[其他] HTML中的空格符号

0
回复
603
查看
[复制链接]

690

主题

704

帖子

3万

积分

董事

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

积分
31818
     紫钻仅向指定用户开放  
发表于 19-4-27 11:51:00 | 显示全部楼层 |阅读模式
HTML中的空格/ s6 R6 z6 \1 ^" P
  不断行的空白(1个字符宽度) 
  半个空白(1个字符宽度) 
  一个空白(2个字符宽度)         
  窄空白(小于1个字符宽度)        
/ H. u: u1 a7 B
CSS中的空格
, [6 z: D0 k' k% d

+ u/ q) L; M# T# P# i
   CSS中当 white-space 属性取值为pre时,浏览器会保留文本中的空格和换行,例如:
& ^( y: y' N8 }/ \4 W- Y6 ^

* i  I- q4 G2 C+ s
$ p& {$ r' b9 i& X- }
      <div style="white-space:pre">AA   BB<div>
; V- H6 o8 F' y) J
# b1 y. A1 u* E2 s' h: |

# U8 s* U3 J/ s7 j- Q
      显示效果为: AA   BB
" B: R2 q, P9 `% U7 Z4 q2 M* d5 N- |
7 L& p6 ]) b+ Q; V3 |
( D& m% p5 `5 n7 P( l
  CSS的 letter-spacing 属性用于设置文本中字符之间的间隔,例如:

' I) }4 O4 Q5 R; l+ G/ r
: o" Z3 O) V" _

/ b" S. m* W" _  Z# T7 i( e
  <div style="letter-spacing:5px;">欢迎光临!</div>
+ `$ \5 I' P9 S( J! E, ~/ L# n

( Z. B$ J/ g  H, E
4 z4 U, O, }6 v- `! R1 S
  显示效果为: 欢   迎   光   临   !

# y  R& I- _# n" ^$ L

5 r: q4 a4 o2 u. {6 @& x2 N

% y; d. c( G; s  N( }
  CSS的 word-spacing 属性用于设置文本中单词之间的间隔,例如:
, U- D6 _/ l0 i( \* c, E7 Q( q! v7 N+ y

2 k* c) f& ~, L$ \; d) x
' w0 o3 I/ \+ Z8 @. S
  <div style="word-spacing:5px">Happy new year!</div>

+ x3 K6 Y& n' }  Z' E9 P
& }2 k! Q: N, O0 R

- r& z( g0 T& G% b  P: g! c
  显示效果为: Happy   new   year!

/ F+ I) S  V# g; w
' ?2 X) J2 ^, }  X& m6 r# ~# q9 e
6 [% \- W, ~7 `+ c' A3 v
, r1 o5 I8 \6 g6 }1 b
Html 中常用的字符

/ d$ W  v$ s. m0 M& P& c, \2 W) K

- M) B. u; E- n! X% o* q7 I3 K

3 S) G7 P  Y4 C: b( U% L8 l
&amp; &lt; &gt; &quot; &qpos; &copy; &reg;&trade;
&#38; &#60; &#62; &#34; &#39; &#169; &#174; &#8482;
& < > " ' © ®
                                                       

9 e5 g5 s, s! y
                                                       

9 s9 _8 x! v0 ^  \4 d
                                                       

% P7 I7 A5 h+ a, C+ @4 a  q' |6 s. \7 @5 g8 l, B1 F7 x

/ V# B4 U( r" O. k( U' r

qiuqiufa.com

网站简介

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