Html 在CSS中的每个字符后插入空格

Html 在CSS中的每个字符后插入空格,html,css,Html,Css,假设我们有以下html: <h2>TITLE</h2> 我已经研究了文本替换,但在任何主流浏览器中都不支持。除此之外,我还没有找到任何有希望的候选人 如果有ok支持,CSS3就可以了,JS没有任何帮助 更新 字母间距不是一个选项,因为它必须动态调整宽度,我不想永远检查浏览器执行的紧排。但多亏了那些家伙的建议,我知道我在提出这个问题时忘记了一些东西:) 为什么不使用字母间距 一种更简单的方法是使用字母间距css样式 比如说 h2 { letter-spacin

假设我们有以下html:

<h2>TITLE</h2>
我已经研究了
文本替换
,但在任何主流浏览器中都不支持。除此之外,我还没有找到任何有希望的候选人

如果有ok支持,CSS3就可以了,JS没有任何帮助

更新

字母间距
不是一个选项,因为它必须动态调整宽度,我不想永远检查浏览器执行的紧排。但多亏了那些家伙的建议,我知道我在提出这个问题时忘记了一些东西:)


为什么不使用字母间距


一种更简单的方法是使用字母间距css样式

比如说

h2 {
      letter-spacing:10px;
   }
使用CSS的:


您想要空格,还是希望字符的间距相等以填充宽度?@jaypeagi后者,但也适用于不带空格的文本-它的行为应该像每个元素后面都有空格一样。选中此项@TheHumbleRat谢谢-为了证明文本不是问题,这只是为了将单个字母调整为动态宽度,为什么不改变HTML呢?我以前做过,当我想让它“正常”显示时,我使用了一个负的
字母间距
。是的,我有一顶帽子:)字母间距的问题是a)我必须为每个标题单独设置字母间距,b)也为每个浏览器单独设置,因为字距相差很大。对于用户输入,这是不可行的。在这种情况下,除了javascript,我不知道还有什么其他方法可以做到这一点。
h2 {
  text-align: justify;
  width: 200px; // for example
}

h2:after {
  content: "";
  display: inline-block;
  width: 100%;
}
h2 {
      letter-spacing:10px;
   }
h2 {
  letter-spacing: 2em;
}