zoukankan      html  css  js  c++  java
  • 让每个单词的第一个字母自动大写

    问题:

            如何把从数据库中取出来的地址的单词字母第一个大写,录入库时自动全部转换为大写了,在页面上显示不好看,不直观。例如:
            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  全部转换为小写。

  • 相关阅读:
    WPF中的句柄
    WPF中的焦点问题
    Vue项目(一):VSCode环境开发Vue程序以及其中遇到的问题
    C#实现三种方式的模拟按键
    c++温故之结构体写法
    WPF搜索框
    vue框架学习
    Git连接失败问题解决方案
    单击双击冲突解决 小程序
    uniapp 微信小程序 wx.createAnimation 实现向上滚动弹幕
  • 原文地址:https://www.cnblogs.com/qiangshu/p/1764005.html
Copyright © 2011-2022 走看看