DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

css 如何让字等距分开?

  • css 如何让字等距分开?

  • 已被浏览: 12
  • 在CSS中,可以使用letter-spacing属性来让字等距分开。letter-spacing属性用于增加或减少字符间的空白(字符间距);该属性定义了在文本字符框之间插入多少空间。
    css 如何让字等距分开?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    在CSS中,可以使用letter-spacing属性来让字等距分开。

    letter-spacing属性用于增加或减少字符间的空白(字符间距)。

    该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。

    属性值

    • normal :默认。规定字符间没有额外的空间。

    • length :定义字符间的固定空间(允许使用负值)。

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    .p{letter-spacing:10px;}
    </style>
    </head>
    
    <body>
    <p>正常文本!</p>
    <p class="p">设置了字间距的文本!</p>
    </body>
    </html>

    效果图:

    1.png

    更多web前端开发知识,请查阅 DMOZ中文网站分类目录 !!

    以上就是css 如何让字等距分开?的详细内容,更多请关注DMOZ中文网站分类目录其它相关文章!

    TAG:CSS

  • 上一篇:css和css3学哪个好一点?
  • 与“css 如何让字等距分开?”相关的资讯
  • CSS 选择器 — 重学前端
  • 90.CSS列表项悬停特效
  • html+css+js实现2048小游戏(PC)
  • 这 16 个 CSS 伪类,助你提升布局效率!
  • 83.CSS悬停效果(只是为了好玩)