好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

word-spacing

CSS word-spacing 属性用于指定单词之间的距离。

word-spacing 属性用于增加或减少某段文字中,单词于单词之间的距离。通过该属性增加的值会以默认的单词距离为基础进行增加。

word-spacing 不仅可以应用在文字上,实际上它可以应用在任何内联元素上。 word-spacing 中的 word 实际上代表内联或内联块级元素。因此,我们可以使用 word-spacing 属性来增加或减少某个元素中内联元素的距离,例如图片等。

word-spacing 是一个可以动画的CSS属性。关于有哪些CSS 属性是可以动画的,你可以参考。

word-spacing 的算法会根据浏览器的不同而有所不同。另外, word-spacing 还会受到 :justify 的影响。

在实际应用中,推荐使用相对单位来设置该属性的值。最佳实践是使用 em 作为长度单位。因为单词的间距是相对于单词本身,而不是相对于文档的根元素。

官方语法
word-spacing: normal | <length> | <percentage> | inherit

参数:

normal :使用正常的单词间距,由当前字体或浏览器定义。 <length> :通过值来指定具体的额外间距来增加字体的单词间距。 <percentage> :通过指定受影响字符的宽度的的方式来增加单词间距。 inherit :继承父元素的 word-spacing 值。

word-spacing 属性的初始值为 normal 。

应用范围

word-spacing 属性可以应用所有元素上。

示例代码
word-spacing: normal;    /* 关键字 */
word-spacing: 3px;       /* <length>值 */
word-spacing: 0.3em;
在线演示

下面的文字间距为2em。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus earum ut alias doloremque esse. Porro maxime dicta veniam molestias sed modi sunt sapiente eum nostrum consequatur accusantium facilis blanditiis nihil.(中文无效!)

下面是一组内联元素,鼠标滑过它们时,它们的间距变为2em。

浏览器支持

所有的现代浏览器都支持CSS3 word-spacing 属性,包括:Chrome, Firefox, Safari, Opera, Internet Explorer, 以及 Android 和 iOS。

查看更多关于word-spacing的详细内容...

  阅读:91次

上一篇: word-wrap

下一篇:word-break

CopyRight:2016-2025好得很程序员自学网 备案ICP:湘ICP备09009000号-16 http://haodehen.cn
本站资讯不构成任何建议,仅限于个人分享,参考须谨慎!
本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
本网站刊载的所有内容(包括但不仅限文字、图片、LOGO、音频、视频、软件、程序等)版权归原作者所有。任何单位或个人认为本网站中的内容可能涉嫌侵犯其知识产权或存在不实内容时,请及时通知本站,予以删除。

网站内容来源于网络分享,如有侵权发邮箱到:kenbest@126.com,收到邮件我们会即时下线处理。
网站框架支持:HDHCMS   51LA统计 百度统计
Copyright © 2018-2025 「好得很程序员自学网
[ SiteMap ]