文本处理(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的世界是简单的!
原文地址:https://www.cnblogs.com/hinux/p/10177022.html