在 CSS 中, 可以使用 letter-spacing 属性让字体紧凑. letter-spacing 属性增加或减少字符间的空白 (字符间距).
letter-spacing 属性定义了在文本字符框之间插入多少空间. 由于字符字形通常比其字符框要窄, 指定长度值时, 会调整字母之间通常的间隔. 因此, normal 就相当于值为 0.
语法:
letter-spacing : normal | length | inherit ;
属性值:
normal: 默认. 规定字符间没有额外的空间.
length: 定义字符间的固定空间 (允许使用负值).
inherit: 规定应该从父元素继承 letter-spacing 属性的值.
注释:
允许使用负值, 这会让字母之间挤得更紧.
所有浏览器都支持 letter-spacing 属性. 任何的版本的 Internet Explorer (包括 IE8) 都不支持属性值 "inherit".
示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <style type="text/css">
- .p2 { letter-spacing: -4px; } .p3 { letter-spacing: 20px }
- </style>
- </head>
- <body>
- <p class="p1">
- 正常文本! 正常文本!
- </p>
- <p class="p2">
- 紧凑的文本! 紧凑的文本!
- </p>
- <p class="p3">
- 稀疏的文本! 稀疏的文本!
- </p>
- </body>
- </HTML>
效果图:
更多 CSS 相关知识, 可访问 CSS 教程 https://www.html.cn/css/ !!
来源: http://www.css88.com/qa/css3/15810.html