Hisia cha CSS max-block-size

Picha ya kuzungumza mask-type
Picha ya kifo max-height

定义和用法

max-block-size 属性指定元素在块方向上的最大尺寸。

如果内容在块方向上的尺寸小于最大值，则 max-block-size 属性值不起作用。

如果内容在块方向上的尺寸大于最大值，则会应用 max-block-size Jeusi za ukurugenzi.

Hatarisha:jeusi za CSS yenye kina writing-mode Inaeleza ukingo wa kina, hii inakuchukua mawasiliano max-block-size jeusi za CSS. Kwa wengi wa Kiingereza, ukingo wa kina huzingatia kwa njia ya kuingia kutoka kwa njia ya kushika.

inaendelea kwa jeusi za CSS max-block-size jeusi za CSS max-height na max-width Inayosema sana, lakini max-block-size Jeusi ya ukurugenzi inakusaidia kwa ukingo wa kina.

Mfano

Mfano 1

Kuwa na ukurugenzi wa ukubwa wa kina wa <div> element kwa mitiaka ya 60 picha:

div {
  max-block-size: 60px;
}

Tukifanya kwa mawasiliano

Mfano 2: Mazingira ya Kuzungumza

Kuwa na jeusi ya <div> element writing-mode Jeusi ya <div> element inatumika kama vertical-lr, ukingo wa kina huzingatia kwa njia ya kushika kutoka kwa njia ya kuingia, hii inakuchukua mawasiliano max-block-size Jeusi ya kazi ya ukurugenzi:

div {
  max-block-size: 60px;
  writing-mode: vertical-lr;
}

Tukifanya kwa mawasiliano

Mfano 3: Max-block-size vs Block-size

Angalia kina (<div> element) (block-size kwa 100px) na kina mwingine (<div> element) (max-block-size Mafikirio ya kina (kwa 100px) na kina mwingine (<div> element) (

#div1 {
  max-block-size: 100px;
}
#div2 {
  block-size: 100px;
}

Tukifanya kwa mawasiliano

Inayofanya kwa CSS:

max-block-size: auto|length|initial|inherit;

Makosa ya ukurugenzi

Wabaya	Ufafanuzi
auto	Kwa kawaida. Mwako wa max-block-size wa kawaida wa kina.
length	Kuwa na ukurugenzi wa max-block-size, inayotumiwa kama px, pt, cm na hivyo. Angalia:Vitabu ya Hali ya CSS.
%	Kuwa na ukurugenzi wa ukubwa wa kina kwa ukingo wa kina wa ukweli wake kwa mitiaka ya kiwango.%
initial	Kuwa na ukurugenzi kutoka kwa mwako wa msingi. Angalia initial.
inherit	Kuwa na ukurugenzi kutoka kwa ukweli wake wa kina. Angalia inherit.

Vivutia vya Teknolojia

Mwako wa msingi:	auto
Umuhimu wa kumpatikana:	Hakuna
Kuwa na uharibifu:	Inakamporeza. Angalia:Vifaa vya uharibifu.
Muungano:	CSS3
Inayofanya kwa Kijsayari:	object.style.maxBlockSize="60px"