zoukankan      html  css  js  c++  java
  • 文本处理(CSS,JS)

    1.超出部分影藏,打点。

    white-space:nowrap;         //强制不换行(中英文都起作用)

    white-space:pre-wrap;       //只对中文起作用,强制换行

    word-break:break-all;        // 只对英文起作用,以字母作为依据,强制换行

    word-break:break-word;    //只对英文起作用,以单词作为依据,强制换行

    overflow:hidden;               //超出的内容隐藏

    text-overflow:ellipsis;        //超出的内容为省略号

    正确解决办法:使用webkit浏览器和移动端。

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;


    2.去除空格

    去除字符串内所有的空格:str = str.replace(/s*/g,"");

    去除字符串内两头的空格:str = str.replace(/^s*|s*$/g,"");

    去除字符串内左侧的空格:str = str.replace(/^s*/,"");

    去除字符串内右侧的空格:str = str.replace(/(s*$)/g,"");

    trim()方法

    var str_1 = str.trim();

    trim()方法是用来删除字符串两端的空白字符并返回,trim方法并不影响原来的字符串本身,它返回的是一个新的字符串。

      缺陷:只能去除字符串两端的空格,不能去除中间的空格

    JQ方法:$.trim(str)方法

      $.trim() 函数用于去除字符串两端的空白字符。

      注意:$.trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格)和制表符。如果这些空白字符在字符串中间时,它们将被保留,不会被移除。

     3.文本对齐

    解决文本段落不整齐,右侧不能对其。

    中英文:

    style="text-align:justify;

    text-justify:inter-ideograph;"

    text-align:justify:这是文本对齐标签只是英文字体有效果,中文字体没有作用,如果想中文也能两端对齐就加上text-justify:inter-ideograph。

    只有O和1的世界是简单的!
  • 相关阅读:
    HTML5响应式导航
    草原图片大全
    草原psd素材
    仿堆糖图片自滚动瀑布流效果
    夏日户外风景PSD素材
    国画经典之梅花PSD素材
    更改VS的运行主窗体
    在VS中如何更换项目名称
    如何使用Visual Studio 2008(VS2008)编译C语言
    #region 私有字段
  • 原文地址:https://www.cnblogs.com/hinux/p/10177022.html
Copyright © 2011-2022 走看看