WEB 增加字母之间的space

Question

我可能在这里咆哮错误的树，但我正在寻找一种解决方案来增加 space 中的宽度，例如键盘上的 space 栏或 html条款“”。我尝试了一些想法，比如添加 2 个“”以及使用 js 将 spaces 替换为添加 css 宽度属性的标签。我也一直在网上搜索任何 css 属性，但一无所获。如果有人可以在那里分享知识和关于如何解决这个问题的任何想法，那就太好了。谢谢

图片供参考

Answer 1

使用字母间距，你可以随意设置间距

https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing

或者你可以使用

<span style="space"></span>


.space { display: inline-block;
         width: 20px; }

Answer 2

您可以使用 javascript 来实现此目的，但它需要将所有空格包装在标签中，例如 span... 可能不是最佳解决方案，但它有效：

http://jsfiddle.net/unjLy1vr/

var sentences = document.getElementsByTagName('p');
for(var i=0;i<sentences.length;i++){
    sentences[i].innerHTML = sentences[i].innerHTML.replace(/ /g, '<span class="makeSpace"> </span>');
}

.makeSpace {
     letter-spacing: 15px;
}

更新:- 你可以使用 word-spacing 属性:

http://jsfiddle.net/0m8nn6gx/

p {
     word-spacing: 30px;
}

WEB 增加字母之间的space

WEB increasing the space between letters

html

javascript

css

size