導致水平滾動

Question

表數據我有一個表在網頁上，與（比如說）8列，它的工作就好了，直到最近...

與電子郵件地址的顯示名稱註冊的用戶（不是一個大問題，但電子郵件是巨大的）。現在，由於其中一列是包含用戶名的「報告人」，任何帶有上述用戶的頁面現在都有一個巨大的「報告人」列...

我還應該強調，表格寬度爲100％ （減去'保證金'）在這個問題之前，它工作得很好）。

有一個聰明的方式來介紹一個換行符「」或'@'？或者，人們通常如何解決這個問題？歡迎有趣的解決這個煩人的問題！

Answer 1

當生成你的HTML表內容代碼，截斷從數據庫中提取的最大寬度每個內容。截斷函數可以輕鬆添加提供完整標籤的工具提示。

另外，這樣做在JavaScript上的頁面加載。解析每個表格單元格，並在內容太大時截斷它。儘管如此，它並不像服務器端截斷那麼好。

的好處是，你可以給完整的標籤在工具提示中，追加「...」，讓用戶知道標籤被截斷等

Answer 2

您可以在列上設置max-width，並且overflow:scroll甚至overflow:hidden。

Answer 3

使用table-layout CSS屬性。

table-layout: fixed; 

http://www.quirksmode.org/css/tables.html#tablelayout