WEB增加了字母之间的空间

时间:2015-02-06 13:47:38

标签: javascript html css size

我可能在这里咆哮错误的树,但我正在寻找一个解决方案,以增加空间的宽度,例如键盘上的空格键或html术语“”。我尝试了一些想法,我想添加2“”以及使用js替换空格和添加css width属性的标签。我一直在网上搜索任何CSS属性,一无所获。如果有人能够分享知识以及如何解决这个问题的任何想法,那将是很棒的。 感谢

图片供参考

enter image description here

2 个答案:

答案 0 :(得分:0)

您可以使用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;
}

答案 1 :(得分:-1)

使用字母间距,您可以根据需要设置间距

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

或者您可以使用

之类的东西
<span style="space"></span>


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