CSS свойство min-inline-size

Определение и использование

min-inline-size Атрибут определяет минимальный размер элемента в направлении строки.

如果内容在行内方向上的尺寸小于最小尺寸，则将应用 min-inline-size Если размер содержимого в направлении вlantо меньше минимального размера, то будет применен

Значение attribute. min-inline-size Если размер содержимого в направлении вlantо больше минимального размера, то

Значение attribute не действует.Обратите внимание: writing-mode соответствующие CSS атрибуты min-inline-size Определяет направление вlantо, что влияет на

результаты атрибутов. Для английских страниц, блоковое направление идет вниз, а вlantоное направление идет слева направо. min-inline-size CSS min-height атрибуты связаны с CSS атрибутами и min-width min-inline-size Очень похожи, но

Атрибут зависит от направления вlantо.

Пример

Пример 1

div {
  min-inline-size: 200px;
}

Попробуйте сами

Пример 2: Направление письма

Установите минимальный размер в方向的 элемента div writing-mode Когда значение attribute установлено в vertical-rl, направление вlantо от бокового к вертикальному, что会影响 работу attribute min-inline-size:

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

Попробуйте сами

Пример 3: min-inline-size и inline-size

Обратите внимание на пример 3: min-inline-size и inline-size inline-size Для элементов div с размером 200px и другого min-inline-size Разное поведение элементов div с размером 200px при изменении размера содержимого:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

Попробуйте сами

CSS синтаксис

min-inline-size: auto|length|initial|inherit;

Значение атрибута

Технические детали

Поддержка браузерами

Числа в таблице показывают версию первого браузера, который полностью поддерживает этот атрибут.

Соответствующие страницы

См. также:Атрибут CSS inline-size

См. также:CSS свойство max-inline-size

См. также:CSS свойство min-height

См. также:CSS свойство min-width

См. также:Свойство writing-mode в CSS