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

    css单词间距是什么

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

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

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

    如下所示:

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

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

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

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    <!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学习网