為什麼字段集不調整大小以適應溢出的內容？

具有最小寬度約束的調整大小問題

問題：

當元素包含溢出內容時，它們不會如預期地調整其寬度。

原因：

預設情況下，

元素具有最小內容的最小寬度約束，這意味著它們永遠不會比其內容的固有寬度窄。

修正：

覆寫此預設行為，可以設定min-width: 0;在上。但是，這僅適用於 WebKit 和 Firefox 53 。

Gecko 特定的解決方法：

在Firefox 的早期版本中，您也可以設定< 的顯示屬性;欄位集>為下列值之一：

• table-cell（建議）
• table-column
• table-column-group
• table-頁腳組
• table-頁腳組

表頭組

表行表行組

是@-moz -document 安全嗎？ 對於此特定問題，使用 @-moz-document 向其他瀏覽器隱藏 Gecko 特定的解決方法是合理的。不過，一般不建議使用 @-moz-document 來定位 Firefox。 JavaScript 解決方案：如果需要支援 WebKit 和 Firefox 以外的瀏覽器53、您可以使用JavaScript手動設定

的寬度。到所需的值。

以上是為什麼字段集不調整大小以適應溢出的內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！