具有最小寬度約束的調整大小問題 問題: 當元素包含溢出內容時,它們不會如預期地調整其寬度。 原因: 預設情況下, 元素具有最小內容的最小寬度約束,這意味著它們永遠不會比其內容的固有寬度窄。 修正: 覆寫此預設行為,可以設定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手動設定的寬度。到所需的值。