必威体育Betway必威体育官网
当前位置:首页 > IT技术

css的文字间距letter-spacing的应用以及应用后不居中的显示

时间:2019-10-07 23:15:47来源:IT技术作者:seo实验室小编阅读:72次「手机版」
 

letter-spacing


<html>

<head>
    <style type="text/css">
    body {
        text-align: center;
    }

    h1 {
        letter-spacing: -0.5em
    }

    h4 {
        letter-spacing: 100px
    }

    .handle {
        padding-left: 100px;
    }
    </style>
</head>

<body>
    <h1>登陆</h1>
    <h4>登陆1</h4>
    <h4 class="handle">登陆2</h4>
    <h2>正常登陆</h2>
</body>

</html>

letter-spacing能给文本加一个字间距,非常好用,但是带来的问题就是不居中,原因不明,但都是往左偏了一些。

解决方法:字间距是X px,则整个文本再加一个padding-left,同样是X px,效果图如下

相关阅读

分享到:

栏目导航

推荐阅读

热门阅读