Question

我的内容是大写的（这就是它在后端的持久性），我必须将其转换为'正确的情况'。

我发现'text-transform：capitalize'不起作用。我怀疑没有基于CSS的解决方法。

.text-test{
    text-transform:capitalize;
    } ... <h1 class="text-test">SOME UPPER CASE TEXT</h1>

我的结论是否正确？感谢

Answer 1

CSS不支持句子大小写转换。将其修复到服务器中，或者您将不得不使用JavaScript重新编写HTML。

请参阅：How to give sentence case to sentences through CSS or javascript?

Answer 2

大写不会起作用，因为它定位在您定位的任何内容的第一个字母上，因此文本的其余部分不会受到影响。您必须在HTML中编辑它，或者可以找到jQuery解决方案，

我关心:)。

Answer 3

标题案例

String.prototype.toTitleCase = function() {
    return this.replace(/\w\S*/g, function(t) {
        return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase();}); 
};
var s1 = "HELLO WORLD!";
alert(s1.toTitleCase());

输出

Hello World！

这并不像将其转换为

的解决方案那样优雅

Hello world！

但是我相信你可以把它当作一个起点。

Answer 4

有些非常（非常）迟到，但可以帮助别人。

怎么样：

.text-test {text-transform: lowercase;}
.text-test::first-letter {text-transform:capitalize;}

css：大写硬编码的大写文本

4 个答案: