我有大写内容(这是它在后端保留的方式),我必须将其转换为“正确的大小写”。css:大写硬编码的大写文本
我发现'text-transform:capitalize'不起作用。我怀疑这也没有基于CSS的解决方法。
.text-test{
text-transform:capitalize;
} ... <h1 class="text-test">SOME UPPER CASE TEXT</h1>
我的结论是否正确? 谢谢
我有大写内容(这是它在后端保留的方式),我必须将其转换为“正确的大小写”。css:大写硬编码的大写文本
我发现'text-transform:capitalize'不起作用。我怀疑这也没有基于CSS的解决方法。
.text-test{
text-transform:capitalize;
} ... <h1 class="text-test">SOME UPPER CASE TEXT</h1>
我的结论是否正确? 谢谢
大写不会起作用,因为它定位在您定位的第一个字母上,所以文本的其余部分不会受到影响。你必须编辑在HTML或者一个jQuery的解决方案可以发现,
我关心:)
CSS不支持句子转换。修复它在服务器中,或者你将不得不使用JavaScript来重写HTML。
请参见:How to give sentence case to sentences through CSS or javascript?
标题案例
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!
这是不如会说将其转换为
你好世界一个解决方案,优雅!
但是我相信你可以用它作为一个起点。
有些很(非常)晚,但可以帮助别人。
什么:
.text-test {text-transform: lowercase;}
.text-test::first-letter {text-transform:capitalize;}
大写,因为它在任何的你的目标,使文本的其余部分将不会受到影响的第一个字母的目标将无法正常工作。您必须在HTML中编辑它,或者可以找到一个jQuery解决方案, – Kyle
Kyle,请将其发布为答案,以便对其进行投票。除非你不在乎;-) – vector