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。