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的世界是简单的!
  • 相关阅读:
    bzoj1297 [SCOI2009]迷路
    bzoj1085 [SCOI2005]骑士精神
    bzoj1009 [HNOI2008]GT考试
    uoj#73 【WC2015】未来程序
    bzoj1016 [JSOI2008]最小生成树计数
    bzoj2818 Gcd
    python递归——汉诺塔
    python参数
    python函数
    为什么会出现__pycache__文件夹?
  • 原文地址:https://www.cnblogs.com/hinux/p/10177022.html
Copyright © 2011-2022 走看看