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