5

将一些增加的文本居中对齐letter-spacing以使其实际上位于其容器的中心的最佳方法是什么？文本位于一个h5标签中，该标签在父级中居中对齐，div但明显位于左侧，因为letter-spacing适用于每个字母的右侧。我可以手动添加一些左填充，但如果浏览器缩放级别发生更改，则不会保持一致。

有没有办法使用 css 或 JavaScript 计算每个字母之间的间距？有没有更好的方法在字母之间插入间距，以便所有内容都居中对齐？

容器 div 已经20px在所有边都有填充，所以我真的需要添加0.75em到左侧填充。这是h5和容器标签的相关css：

.container {
    padding: 20px;
    float: left;
}

.container h5 {
    font-size: 33px;
    letter-spacing: 1.5em;
    text-align: center;
}

容器如下所示：

容器

4

3 回答 3

4

你不能只指定padding-left: 1.5em;你的.container h5吗？

于 2013-02-03T22:54:10.177 回答
3

替代解决方案可能是指定margin-right: -1.5em;for .container h5，因此在对齐时您不会在容器中添加额外空间。

于 2013-02-03T23:05:59.097 回答
0

它很旧，但另一个解决方案（技巧）是在字符之间添加一个空格。对我来说，这是最好的解决方案，因为我想要角色之间有很大的空间；）

于 2015-06-11T04:02:10.223 回答