1
一个网页美不美观,跟很多元素有关,其中字符间距是其一,适当的字符间距能够使整个网页更符合用户体验,下面来看看皇家彩世界(1396j)CSS word-spacing 属性设置
定义:word-spacing 属性增加或减少单词间的空白(即字间隔).
该属性定义元素中字之间插入多少空白符.针对这个属性,"字" 定义为由空白符包围的一个字符串.如果指定为长度值,会调整字之间的通常间隔;所以,normal 就等同于设置为 0.允许指定负长度值,这会让字之间挤得更紧.
注释:允许使用负值.
默认值: |
normal |
继承性: |
yes |
版本: |
CSS1 |
Javascript 语法: |
object.="10px" |
实例
规定段落中的字间距是 25 像素:
源代码:
{word-spacing: 30px;}
{word-spacing: -;}
<p class="spread">This is some text. This is some text.</p>
<p class="tight">This is some text. This is some text.</p>
输出后效果:
浏览器支持
所有浏览器都支持 word-spacing 属性.
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit".
提示和注释
注释:CSS 把"字(word)"定义为任何非空白符字符组成的串,并由某种空白字符包围.这个定义没有实际的语义,它只是假设一个文档包含由一个或多个空白字符包围的字.支持 CSS 的用户代理不一定能确定一个给定语言中哪些是合法的字,而哪些不是.尽管这个定义没有多大价值,不过它意味着采用象形文字的语言或非罗马书写体往往无法指定字间隔.
提示:利用这个属性,可能会创建字间隔太宽的文档,所以,使用 word-spacing 时要小心.
可能的值
值 |
描述 |
normal |
默认.定义单词间的标准空间. |
length |
定义单词间的固定空间. |
inherit |
规定应该从父元素继承 word-spacing 属性的值. |
微信扫码关注 亿华联众 公众号