我們應該都知道使用

讓連續的英文數字字符換行顯示

讓單行文字超出的時候使用點點點表示

但是，如果是自適應的表格中，我們要實現上面兩個效果，可能就會遇到挫折，你會發現屢試不爽的方法現在完全被無視了！

例如，連續的英文字符會撐開單元格，而無視其外部的寬度設置，類似下面截圖效果

以及單行文字溢出點點點效果也會無效，因為單元格的流動性，會根據內容的變化而自動變化，使得文字變得根本就不存在溢出這種說法

如果解決這個問題呢？實際上很簡單，給最外面的table標簽增加一個聲明：

table-layout: fixed的作用在于，讓表格布局固定，也就是表格的寬度不是跟隨單元格內容多少自動計算尺寸

以后，大家或多或少，或者已經開始使用表格相關display屬性幫助構建web頁面了，總會遇到類似的連續英文字符不換行，或者單行文字溢出沒有效果的。此時，您就可以想到table-layout: fixed這廝來幫助解決問題了

總結

以上是生活随笔為你收集整理的自适应表格连续字符换行及单行溢出点点点显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。