Web瀏覽器忽略表格單元格百分比的最大寬度屬性

爲什麼Web瀏覽器忽略max-width屬性的百分比，並將px中的max-width屬性應用於表格單元格？Web瀏覽器忽略表格單元格百分比的最大寬度屬性

例如：

<td style="max-width:10%;word-wrap:break-word;">veryLongTextWithoutSpace</td>

將被忽略，和表格單元內容不會換行。

但是，

<td style="max-width=60px;word-wrap:break-word;">veryLongTextWithoutSpace</td>

將被應用和表格單元內容被包裝。

UPD：更多關於我的情況和table-layout: fixed

table-layout: fixed與臺寬度表頭（th標籤），它是真正的好solution。但不幸的是，我的情況很瘋狂。

該表通過自定義標籤生成（使用jsp技術），並且我無法設置表頭的樣式（th標籤），但我可以爲每個行和列設置樣式。

結果是，table-layout: fixed設置所有具有相同寬度的列。

完整的例子：http://jsfiddle.net/h3cxc/1/（不table-layout:fixed）

http://jsfiddle.net/h3cxc/（與table-layout:fixed）

不知道如何解決這個問題（最大寬度的百分比）？

來源

2011-04-18 wistful

你的第二個例子有一個錯字/錯誤，因爲你使用的是=而不是：。

上的問題：

添加table-layout:fixed您table。

利用這種（快速）算法，該表不不依賴於單元格的內容的水平佈局;它僅取決於表格的寬度，列的寬度以及邊框或單元格間距。

http://www.w3.org/TR/CSS2/tables.html#propdef-table-layout

檢查樣品：http://jsfiddle.net/easwee/UuVq6/9/

來源

2011-04-18 15:10:53 easwee

Easwee，感謝您的回答。但是'table-layout：fixed'對我來說並不好。應用此樣式後，表格中具有等寬的列，但我必須具有最小寬度的第一列（列包含簡單的沒有文本的複選框）。當我可以爲不同的列設置不同的寬度時也很好。此外，我不能更改表頭（th標籤）的樣式。新樣本：http://jsfiddle.net/h3cxc/ – wistful 2011-04-19 08:37:15

Web瀏覽器忽略表格單元格百分比的最大寬度屬性

回答

相關問題