Question

我们数据库中的所有数据都输入了所有大写字母。当我提取这些信息（即名字和姓氏）时，我想说“John Smith”和“JOHN SMITH”。我尝试使用text-transform:capitalize;，但只将首字母大写。它不会使所有其他字母小写。我也试过这个（没有成功）：

<div class="profile">
<h2 style="text-transform:lowercase;"><span style="text-transform: capitalize;">Welcome _MEM_FirstName_ _MEM_LastName_,</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque lectus, molestie quis ullamcorper ac, vesti bu lum ut elit. Donec quis lacus sem, a pharetra neque. Cras ultricies purus ac ligula lacinia ullamcorper.</p>
<p>Your Walser Rewards card is also your My SA Rewards card. While at Super America locations you can get gas discounts and earn speedy rewards too.</p>
</div>

如何将文本从大写转换为大写？

Answer 1

不确定您是如何提取数据的，但是您可以在提取数据后通过Javascript对其进行编辑。

var text = "JOHN SMITH"; //this would normally be the word you pulled
var textarray = text.toLowerCase().split(" "); // ["john", "smith"]
for (var i=0; i<textarray.length; i++) {
    textarray[i] = textarray[i].replace(textarray[i][0], textarray[i][0].toUpperCase());
}
//["John", "Smith"]

现在使用textarray，您可以在页面上打印出来。

Answer 2

这个问题没有CSS解决方案，afaik。

有关相关信息，请参阅here。请先做好功课。

最好的方法是格式化数据库查询和应用程序之间的数据，将其发送到模板。

Answer 3

这对CSS来说是不可能的，因为你的字母已经大写了，但你可以使用Serverside语言（例如PHP），JavaScript甚至数据库查询内部来完成

Answer 4

使用类似的方法将字符串转换为小写检索字符串后，在您的方法中string modifiedString = myString.ToLower();。然后在CSS中使用text-transform: capitalize;。

仅限首字母大写

4 个答案: