• 技术文章 >Web开发 >css教程

    css单词间距是什么

    小妮浅浅小妮浅浅2021-10-23 10:54:32原创4070

    1、word-spacing属性用于设置HTML页面中标签或单词之间的距离。该属性对英语有效,但对中文无效。

    2、word-spacing属性值有三种类型,Normal、长度值和百分比。

    如下所示:

    Normal:该值根据当前字体的正常间距确定。

    长度值:指定单词之间的间距,而不是默认间距。

    百分比:指定单词之间的间距,以取代默认间距的百分比。

    实例

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <style>
        body {
          margin: 100px;
        }
        p {
          font-size: 16px;
          letter-spacing: 0px;
          word-spacing: 5px;
          line-height: 30px;
        }
      </style>
    </head>
    <body>
      <div>
        <p>hello hello hello hello</p>
        <p>测试代码 位置测试 代码位置</p>
        <p>测试代码位置测试代码位置</p>
      </div>
    </body>
    </html>

    以上就是css单词间距的介绍,希望对大家有所帮助。更多css学习指路:css教程

    专题推荐:css 单词间距
    品易云
    上一篇:css字母间距如何理解 下一篇:css中word-break属性是什么

    相关文章推荐

    • css中flex-grow属性是什么• css中flex-shrink属性是什么• css中flex-basis属性是什么• css中align-self属性是什么• css代码的规范整理• css选择器的使用规范• css媒体查询的使用• css中有哪些命名规范• CSS中的三大特性• css权重的计算规则• css精灵图技术是什么• css滑动门技术是什么• css字母间距如何理解

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网