文本超出顯示省略號/數字英文字母折行有關css 屬性/顯示兩行，第二行省略號顯示css方法

文本超出顯示省略號：

    定容器寬度

    overflow: hidden;

    text-overflow: ellipsis; 文本超出顯示省略號

    white-space:nowrap;  強制文本不換行

 

折行

    word-break:break-all;  英文單詞會分開折行

    word-wrap:break-word; 英文單詞完整處折行

另拓展：

    word-spacing ：5px;  單詞/字符之間間隔距離

  white-space 是字符是否換行顯示的（通常用強制不換行nowrap）。

 

 

------------ 騷氣分割線 ----------------

截取字符串之—— 第二行顯示省略號（css方法）

需求：產品介紹在第二行的時候才顯示省略號，而不是第一行超出立刻就出現省略號（圖例：京東H5網站產品介紹）

css代碼：

overflow:hidden;
text-overflow: ellipsis;//顯示省略號
display:-webkit-box;
-webkit-line-clamp:2;//塊元素顯示的文本行數-webkit-box-orient:vertical;