Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript WEB增加了字母之间的间距_Javascript_Html_Css_Size - Fatal编程技术网

Javascript WEB增加了字母之间的间距

Javascript WEB增加了字母之间的间距,javascript,html,css,size,Javascript,Html,Css,Size,我可能在这里找错了方向,但我正在寻找一种增加空间宽度的解决方案,例如键盘上的空格键或html术语“”。我尝试了一些想法,比如添加2'',以及使用js将空格替换为添加css宽度属性的标记。我也在网上搜寻css属性,但什么也没找到。如果有人能分享关于如何解决这个问题的知识和想法,那就太好了。 谢谢 供参考的图像 使用字母间距,您可以随意设置间距 或者你可以用 <span style="space"></span> .space { display: inline-blo

我可能在这里找错了方向,但我正在寻找一种增加空间宽度的解决方案,例如键盘上的空格键或html术语“”。我尝试了一些想法,比如添加2'',以及使用js将空格替换为添加css宽度属性的标记。我也在网上搜寻css属性,但什么也没找到。如果有人能分享关于如何解决这个问题的知识和想法,那就太好了。 谢谢

供参考的图像


使用字母间距,您可以随意设置间距

或者你可以用

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


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

.space{显示:内联块;
宽度:20px;}

您可以使用javascript来实现这一点,但它需要像
span
一样将所有空格包装在标记中。。。可能不是最好的解决方案,但它很有效:


是的,听起来差不多是“字母间距”。任何给定字符的宽度都是由字体决定的。如果你想要一个更宽的空格字符,那么使用一种有空格的字体。字母间距控制每对字符之间的距离,而不是空格的宽度。除了在字体中添加空格,还有其他解决方案吗?因为我认为我没有能力做到这一点?
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;
}
p {
     word-spacing: 30px;
}