Html 计算字母数并应用CSS

Html 计算字母数并应用CSS,html,css,Html,Css,伙计们,这个问题与这个有关> 由于数据库不在我的控制范围内,我正试图找到一些替代方案。CSS中有没有一种方法可以计算一个句子中的字符数,然后将CSS应用于其余字符 1ch=0(零)的宽度 1ex=x的高度(小写) ex似乎更准确。比如@BoltClock♦ 说,这不算,但这是一种限制字符数的方法。我会尝试“用剩下的做一些CSS”,但OP并不是特别的,坦白地说,我也不知道 更新 我能想到的最好办法是将剩下的文本放在:后面,然后设置内容的样式 p.十五{最大宽度:15ex;轮廓:1px实心红色;}

伙计们,这个问题与这个有关>

由于数据库不在我的控制范围内,我正试图找到一些替代方案。CSS中有没有一种方法可以计算一个句子中的字符数,然后将CSS应用于其余字符

1ch=0(零)的宽度

1ex=x的高度(小写)

ex似乎更准确。比如@BoltClock♦ 说,这不算,但这是一种限制字符数的方法。我会尝试“用剩下的做一些CSS”,但OP并不是特别的,坦白地说,我也不知道

更新

我能想到的最好办法是将剩下的文本放在
:后面,然后设置内容的样式

p.十五{最大宽度:15ex;轮廓:1px实心红色;}
p、 十七{最大宽度:15ch;轮廓:1px纯红;}
p、 十五:在{content:'fghijklmnop';字体大小:36px;颜色:红色;}
p、 十七:在{content:'hijklmnop';字体变体:小写;字体重量:900;}之后

123456789abcde


123456789abcdefg

您需要JavaScript来完成这项工作,只需使用
somestring.length
如下:

var someString= 'abc';
var str = someString.length;
console.log(string);
结果:3

查看此以了解更多信息

或者jQuery方法是:

Html


据我所知:不,你需要JavaScript。除了text-*属性和::first-letter和::first-line伪元素中给出的内容之外,你真的无法在CSS中处理文本。你有权向网站添加JavaScript吗?如果您这样做,您可以使用JavaScript str.lengh,然后使用JQuery.addClass()添加一个类来应用CSSY您可以使用
ch
No来计算文本,CSS无法读取元素的内容或操作文档对象模型。这不算文本。这是基于0图示符的宽度设置长度。你不能通过设置长度来进行任何“计数”。是的,这不是计数,但这是一种将文本控制在一定字符数的方法。@zer00ne-问题是,如果我想为abcdef应用不同的CSS,例如,更大的字体大小,我该怎么做?@SagarRaj好的,这并不完美,但这是我能想到的最好的方法。
<div id="selector">Some Text</div>
$('#selector').text().length;