区分letter-spacing与word-spacing

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yingleiming/article/details/79973730

letter-spacing 字符间隔:字母和字母之间的空白 对中文有效

word-spacing 字间隔 :单词和单词之间的间隔 对中文无效

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #letter{
                letter-spacing: 12px;
            }
            #word{
                word-spacing: 12px;
            }
        </style>
    </head>
    <body>
        <div id="letter">this is letter-spacing这是字符间隔</div>
        <div id="word">this is word-spacing这是字间距</div>
    </body>
</html>

效果图:
这里写图片描述

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页