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

    css文字间距的使用

    小妮浅浅小妮浅浅2021-10-11 10:03:50原创1886

    1、letter-spacing是字母间距,每一个汉字和每一个英文字母被当做一个字。

    2、word-spacing是单词间距,只针对英文单词。

    一般说来,这两个属性常用于英文网站,在中文站中应用较少。

    实例

    <!DOCTYPE html>
    <html>
        <head>
            <meta name="keywords" content="个人主页,HTML学习笔记"/>
            <meta name="author" content="Like_Frost"/>
            <meta name="description" content="学习示例"/>
            <meta name="copyright" content="版权所有,转载前请联系"/>
            <style type="text/css">
                div{
                    width: 700px;
                }
                .p1{
                    word-spacing: 10px;
                }
                .p2{
                    letter-spacing: 10px;
                }
            </style>
        </head>
        <body>
            <div>
                <p>Hello World! 你好,世界!</p>
                <p>Hello World! 你好,世界!</p>
                <p>Hello World! 你好,世界!</p>
            </div>
        </body>
    </html>

    以上就是css文字间距的使用,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css间距
    品易云
    上一篇:css文本修饰text-decoration的使用 下一篇:css中flex是什么

    相关文章推荐

    • CSS有哪些高级选择器• CSS伪类选择器是什么• CSS超链接a标签的状态• CSS背景颜色的表示方法• css中有哪些类型的样式表• css module解决命名冲突• css global在类名的应用• CSS设计模式之ITCSS的介绍• css边距重叠是什么• css中a标签伪类如何使用• css中背景定位有哪些方法• css首行缩进text-indent的实现• css文本修饰text-decoration的使用

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网