cuốn sách gpt4 ai đã làm

css - Nội dung được căn chỉnh bằng Flexbox không được căn chỉnh

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 20:25:02 25 4
mua khóa gpt4 Nike

Đây là kịch bản, tôi có một số vùng chứa trong vùng chứa. Tôi không thể sử dụng flexbox khoảng cách giữa.

Giả sử chúng ta có một thùng chứa trông như thế này:

.flex-container {
hiển thị: linh hoạt;
chiều cao: 150px;
chiều rộng: 150px;
màu nền: màu nước;
đường viền: màu đen đặc 2px;
hướng flex: cột;
}

.sub-container {
hiển thị: linh hoạt;
lề: 5px;
background-color: #fff;
đường viền: màu đen đặc 2px;
cơ sở linh hoạt: 50px;
căn chỉnh nội dung: khoảng cách giữa;
}

.mục {
cơ sở linh hoạt: 25px;
lề: 3px;
đường viền: 1px màu đen;
màu nền: xanh lá cây;
}





Xin chào đây là một số nội dung




Khi nó chạy, nó sẽ ở trong thùng chứa phụ Có một phần tử ở bên trái và bên phải của , nhưng như bạn có thể thấy, nó không có.

câu trả lời hay nhất

Bạn cần sử dụng nội dung biện minh thay vì căn chỉnh nội dung

Thuộc tính Simply-content của CSS xác định cách trình duyệt phân bổ không gian giữa và xung quanh các mục nội dung dọc theo trục chínhs của vùng chứa linh hoạt và trục nội tuyến của vùng chứa lưới.

MDN

.flex-container {
hiển thị: linh hoạt;
chiều cao: 150px;
chiều rộng: 150px;
màu nền: màu nước;
đường viền: màu đen đặc 2px;
hướng flex: cột;
}

.sub-container {
hiển thị: linh hoạt;
lề: 5px;
background-color: #fff;
đường viền: màu đen đặc 2px;
cơ sở linh hoạt: 50px;
biện minh-nội dung: khoảng cách giữa;
}

.mục {
cơ sở linh hoạt: 25px;
lề: 3px;
đường viền: 1px màu đen;
màu nền: xanh lá cây;
}





Xin chào đây là một số nội dung




Về css - Nội dung được căn chỉnh bằng Flexbox không được căn chỉnh, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/58184009/

25 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress