眾所周知，文字溢位顯示省略號用css就可以：
單行文字：
white-space: nowrap;text-overflow: ellipsis;
overflow: hidden;
display:block;
多行文字：
overflow : hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
如果想中間顯示省略號呢？？
//中間顯示省略號，擷取顯示括號內容
var str = $(".text").text();
var last = 0;
var all =str.length;
var fisrt = str.substring(0,6);
//沒有中文括號（
if (str.lastindexof('（') == -1)
else
}else
//如果長度大於13個字元才顯示省略號
if (all > 13)
上面的**意思是：如果文字長度大於13個字元、文字內包含中文或英文括號就會擷取括號到最後乙個字元的內容，預設擷取前6個字元跟省略號...拼接起來，得到最終的中間省略號，前面6個字，後顯示括號內容的效果。
最後：網上看了好像css沒有顯示前面跟後面並且中間顯示省略號的屬性，所以用js擷取拼接得到對應的效果。
文字太長顯示省略號（ ）
text overflow屬性 text overflow clip ellipsis clip 只是簡單的裁切，不顯示 ellipsis 裁切，要實現顯示 還需要兩個屬性的配合 1.強制文字在一行顯示 white space nowrap 2.溢位內容隱藏 overflow hidden 3.需要...
文字溢位顯示省略號
在開發過程中經常會遇到文字過長超出文字的寬度，這時候我們會考慮將文字截斷，但是只顧截斷會失去互動的友好性，因為使用者不知道後面還有內容，我們會在文字超出寬度的部分加上省略號，然後加上title屬性，當使用者滑鼠放到此處提示完整資訊。文字溢位顯示省略號有兩種情況 單行文字 1 text overflo...
文字溢位顯示省略號
使用text overflow屬性，並且要加width寬度屬性 overflow hidden text overflow ellipsis white space nowrap 1.webkit核心和移動端的瀏覽器，使用css擴充套件屬性 display webkit box webkit box...