Thứ Sáu, 13 tháng 3, 2026

Flex co giãn dòng đầu tiên

 

## HTML

<div class="order-row">
        <div>#</div>
        <div>Tên sản phẩm</div>
        <div>Số lượng</div>
        <div>Giá</div>
</div>

## CSS

.order-row,
 .items-orders{
    display:flex;
}

.order-row > div:first-child,
.items-orders > div:first-child{
    flex:0 0 60px;
}

.order-row > div,
.items-orders > div{
    flex:1;
}

## NOTE

flex:0 0 60px nghĩa là:

grow = 0 (không giãn)

shrink = 0 (không co)

basis = 60px

→ cột đầu luôn 60px


Không có nhận xét nào:

Đăng nhận xét