CSS fit-content() 函数

定义和用法

CSS 的 fit-content() 函数允许根据内容调整元素的大小。这种方式类似于元素会使用可用空间，但永远不会超过最大内容大小。

Mifano

Kutumia fit-content() Kufikiria ukubwa wa msingi wa kifungo:

#container {
  display: grid;
  grid-template-columns: fit-content(250px) fit-content(250px) auto;
  grid-gap: 7px;
  box-sizing: border-box;
  height: 150px;
  width: 100%;
  background-color: green;
  padding: 7px;
}

Tenda kwa uziwe na mifano

Inasababisha uharibifu wa KiCSS

fit-content(length|percentage)
Thamani Kueleza
length Inasababisha ukubwa wa upeo wa nafasi kwa upeo wa kina wa ukubwa wa kina
percentage Inasababisha ukubwa wa upeo wa nafasi inayotumika kwa ufupi wa pondo za nafasi

Maelezo ya mazingira ya teknolojia

Versio: CSS4

Matumizi ya kifungu cha kifungu

Mafuatilia ya thamani katika tablia inaonyesha sababu ya barivio ya kina kwa sababu ya programu ya kusoma intaneti ambayo inahusiana na kufanya kazi ya programu

Chrome Edge Firefox Safari Opera
57 16 52 10.1 44

相关页面

参考：Hisia CSS grid-auto-columns

参考：Hisia CSS grid-auto-rows

参考：Hisia ya CSS grid-template-columns

参考：Hisia ya CSS grid-template-rows