Question

这个问题与这个问题有关＆gt; Apply CSS to the words in a paragraph written in brackets (parenthesis)

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

Answer 1

1ch =“0”（零）的宽度

1ex =“x”的高度（小写）

ex似乎更准确。就像@ BoltClock一样，说，它不算数，但它是一种限制字符数的方法。我试着“和其他人一起做一些CSS”，但OP并不具体，坦率地说，我不知道。

<强>更新

我能想到的最好的方法是将剩余的文字放在:after中，然后设定内容的样式。

p.fifteen { max-width: 15ex; outline: 1px solid red; }
p.seventeen { max-width: 15ch; outline: 1px solid red; }
p.fifteen:after { content: 'fghijklmnop'; font-size: 36px; color: red; }
p.seventeen:after { content: 'hijklmnop'; font-variant: small-caps; font-weight: 900; }

<p class="fifteen">123456789abcde</p>
<p class="seventeen">123456789abcdefg</p>

Answer 2

您需要使用JavaScript才能使用somestring.length，如下所示：

var someString= 'abc';
var str = someString.length;
console.log(string);

结果：3

查看此信息以获取更多信息http://www.quirksmode.org/js/strings.html

或jQuery方法是：

HTML

<div id="selector">Some Text</div>

的jQuery

$('#selector').text().length;

计算字母数量并应用CSS

2 个答案: