让每个单词的第一个字母自动大写
问题:
如何把从数据库中取出来的地址的单词字母第一个大写,录入库时自动全部转换为大写了,在页面上显示不好看,不直观。例如:
Holbrook-Union Avenue
4400 VETERANS MEMORIAL HIGHWAY
300 UNION ST
解决思路:
本来打算用字符串截取函数或者正则表达式匹配进行替换,但是这样手工把每个单词的首字母改为大写是不太现实的,如果是一小段文字的话还没问题,但如果是一大篇文章,那这个工作量将是非常惊人的。
其实,CSS里提供了一个对文字转换的属性:text-transform,只需要设置它的值为capitalize就能实现单词的首字母大写化。
具体步骤:
<span style="text-transform:capitalize">
4400 VETERANS MEMORIAL HIGHWAY
</span>
4400 VETERANS MEMORIAL HIGHWAY
</span>
特别说明:
text-transform 属性主要用于设置对象内文字的大小写,脚本特性为textTransform。
text-transform 属性有四个可选值,分别说明如下:
none 默认值,不作转换。
capitalize 将每个单词的首字母转换为大写。
uppercase 全部转换为大写。
lowercase 全部转换为小写。