Funguo ya minmax ya CSS

Makadaro na matumizi

CSS minmax() Inafanyia kazi kwa CSS Grid Layout, na inadefini ukadhaifu wa kikanda ambacho kina ukadhaifu wa kidogo kuelekea kidogo na kuelekea kidogo kuelekea kidogo.

Mfano

Kutumia minmax() Inadefini ukadhaifu wa kikanda cha jumla:

.grid-container {
  display: grid;
  grid-template-columns: minmax(min-content, 350px) minmax(150px, 1fr) 120px;
  grid-gap: 5px;
  height: 150px;
  background-color: green;
  padding: 10px;
}

Jifunze kufanya kwa kufikia hapa

Makadaro ya CSS

minmax(min, max)
Thamani Maelezo
min

Inayohitajika. Chini ya kidogo.

Inaweza kuwa ukadhaifu, namba za kina, thamani ya uadilifu (fr) au moja ya kifupi kilichopewa chini:

  • auto
  • max-content
  • min-content
max

Inayohitajika. Chini ya ukubwa.

Inaweza kuwa ukadhaifu, namba za kina, thamani ya uadilifu (fr) au moja ya kifupi kilichopewa chini:

  • auto
  • max-content
  • min-content

Maelezo ya vifaa

Mwaka: CSS Grid Layout Module Level 2

Inasimamia kwa programu ya kuhifadhi wasaidia

Jifunze namba za kina msingi kwa programu ya kuhifadhi wasaidia ambao inahakikisha kwamba inasimamia hifadhi hiyo.

Chrome Edge Firefox Safari Opera
59 16 52 10.1 44

相关页面

参考:Funguo ya min() ya CSS

参考:CSS max() 函数

参考:Hisia cha CSS grid-template-columns

参考:Hisia cha CSS grid-template-rows

参考:Mfano wa CSS grid-auto-columns

参考:Mfano wa CSS grid-auto-rows