宽 - min

默认为元素

2025-04-16

Written by: tdtc

Note:
当 min-width 大于 max-width 或 width 时,元素的宽度将被设置为 min-width 的值。

tailwind

Fixed value

ClassStyles
min-w-pxmin-width: 1px;

Frequently used values

ClassStyles
min-w-<number>min-width: calc(var(--spacing) * <number>);
min-w-<fraction>min-width: calc(<fraction> * 100%);
<div class="min-w-20 bg-red-200">min-w-20</div>
<div class="min-w-1/3 bg-blue-300">min-w-1/3</div>

Responsive-design defined values

3xs, 2xs, xs, sm, md, lg
xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl

Ref