word-spacing属性怎么用?

2024-01-17 16:01 小编

       CSSword-spacing属性

 

  作用:word-spacing属性增加或减少单词间的空白(即字间隔)。允许指定负长度值,这会让字之间挤得更紧。

 

  说明:该word-spacing属性定义元素中字之间插入多少空白符。针对这个属性,“字”定义为由空白符包围的一个字符串。

 

  语法:

 

  word-spacing:normal|length;

 

  normal:默认值,定义单词间的标准空间,等同于设置为0。

 

  length:定义单词间的固定空间,会调整字之间的通常间隔。

 

  注:允许使用负值。利用该word-spacing属性,可能会创建字间隔太宽的文档,所以,使用word-spacing时要小心。

 

  CSSword-spacing属性的使用示例

  <!DOCTYPEhtml>

 

  <html>

 

  <head>

 

  <metacharset="utf-8">

 

  <title>php中文网(php.cn)</title>

 

  <styletype="text/css">

 

  p.spread{word-spacing:20px;}

 

  p.tight{word-spacing:-0.5em;}

 

  </style>

 

  </head>

 

  <body>

 

  <pclass="spread">Thisissometext.Thisissometext.</p>

 

  <pclass="tight">Thisissometext.Thisissometext.</p>

 

  </body>

 

  </html>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码