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