<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,效果图如下

本文讨论了HTML中使用letter-spacing调整字间距导致文本不居中的问题,提出通过增加相同数值的padding-left来实现居中的解决方法。
767

被折叠的 条评论
为什么被折叠?



