让每个单词的第一个字母自动大写

问题:

        如何把从数据库中取出来的地址的单词字母第一个大写,录入库时自动全部转换为大写了,在页面上显示不好看,不直观。例如:
        Holbrook-Union Avenue
        4400 VETERANS MEMORIAL HIGHWAY
        300 UNION ST

解决思路
        本来打算用字符串截取函数或者正则表达式匹配进行替换,但是这样手工把每个单词的首字母改为大写是不太现实的,如果是一小段文字的话还没问题,但如果是一大篇文章,那这个工作量将是非常惊人的。
       其实,CSS里提供了一个对文字转换的属性:text-transform,只需要设置它的值为capitalize就能实现单词的首字母大写化。

具体步骤: 

<span style="text-transform:capitalize"> 
    4400 VETERANS MEMORIAL HIGHWAY 
</span>

 
特别说明:
        text-transform  属性主要用于设置对象内文字的大小写,脚本特性为textTransform
        text-transform  属性有四个可选值,分别说明如下:
        none  默认值,不作转换。
        capitalize  将每个单词的首字母转换为大写。
        uppercase  全部转换为大写。
        lowercase  全部转换为小写。

posted @   Sunny Qiang  阅读(907)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示