Chuyển đổi miễn phí
CSS Flexbox Trình tạo bố cục
Tạo bố cục CSS Flexbox một cách trực quan với bản xem trước trực tiếp. Điều chỉnh hướng linh hoạt, căn chỉnh nội dung, căn chỉnh các mục, v.v. - miễn phí và phía khách hàng.
Xem trước trực tiếp
1
2
3
4
5
hướng uốn cong
flex-quấn
nội dung biện minh
căn chỉnh các mục
khoảng trống (8px)
0px32px64px
Đầu ra CSS
.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 8px;
}
.item {
padding: 1rem 1.5rem;
border-radius: 8px;
font-weight: 600;
font-size: 0.9rem;
min-width: 60px;
text-align: center;
}