首頁 > web前端 > css教學 > 主體

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

Susan Sarandon
發布: 2024-11-17 21:32:01
原創
983 人瀏覽過

Why Don't Fieldsets Resize to Fit Overflowing Content?

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

問題:

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

原因:

預設情況下,

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

修正:

覆寫此預設行為,可以設定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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板