时间戳

首页 > 解决方案 > 为每个字符设置字母间距 Html Css

javascript - 为每个字符设置字母间距 Html Css

问题描述

当用户在文本框中输入时，我想为每个不同大小的字符设置字母间距。我尝试在 css 中使用字母间距，但它改变了所有相同大小的字符。有可能这样做吗？

这是我的代码

<!DOCTYPE html>
<html>
  <head>
   <meta name='viewport' content='initial-scale=1.0' />
    <style>.pr { letter-spacing: 10px; }</style>
    </head>
     <body>
       <div id='editor' contenteditable='true' style='white-space: pre-line;'><pr></pr>
       </div>
     </body>
</html>

标签： javascripthtmlcssiosweb

解决方案

用于&nbsp;HTML 中标签之间的额外空格。

<div id='editor' contenteditable='true'>&nbsp;&nbsp;&nbsp;</div>

推荐阅读