亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

minmax(0,1fr)如何處理長元素,而1fr不起作用?

minmax(0,1fr)如何處理長元素,而1fr不起作用?

千萬里不及你 2019-10-21 15:12:48
所以我有這個網格:+---------+------------------------------+---------+    |  <div>  |  <p> - 1000 characters long  |  <div>  |+---------+------------------------------+---------+里面p有沒有空格的超長字符串。divs是具有固定尺寸的占位符。這將產生以上結果:  display: grid;  grid-auto-flow: column;  grid-template-columns: auto minmax(0, 1fr) auto;但是更改minmax(0, 1fr)為1fr:+---------+----------------------------------------+    |  <div>  |               <p> - 1000 characters long  |  <div>  |+---------+----------------------------------------+它溢出其父級,超出屏幕大小。為什么它的行為不像minmax?
查看完整描述

2 回答

?
慕斯709654

TA貢獻1840條經驗 獲得超5個贊

因為默認情況下1fr與等效minmax(auto, 1fr)。


使用時minmax(0, 1fr),這與standalone有所不同  1fr。


在第一種情況下,軌道不能小于網格項目的大?。ㄗ钚〈笮閍uto)。


在第二種情況下,軌道可以自由調整為0的寬度/高度。


查看完整回答
反對 回復 2019-10-21
?
胡說叔叔

TA貢獻1804條經驗 獲得超8個贊

您可以編輯第二個ASCII藝術圖嗎?尚不清楚單元格的邊緣在哪里,因為+|都沒有對齊。

查看完整回答
反對 回復 2019-10-21
  • 2 回答
  • 0 關注
  • 1216 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號