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

html - 简单的 flex 问题 - 为什么 flex 元素的大小不一样,没有设置 flex 基础

In lại Tác giả: Walker 123 更新时间:2023-11-28 14:06:03 28 4
mua khóa gpt4 Nike

我想知道我是否真的正确理解了 flex-shrinkphát triển linh hoạt。我试图理解为什么 flex child 的大小不一样。我只是希望能够将尽可能多的 flex 子项(即 .flex-item div)添加到包含的父 div 中,并让它们调整到彼此相同的宽度。在这种情况下,文本将其中之一的宽度推开。

如何在不添加硬编码的 flex-basis 的情况下解决这个问题?

任何解释都会很有帮助。感谢您的帮助。

#thùng chứa {
hiển thị: linh hoạt;
biện minh-nội dung: khoảng cách giữa;
chiều rộng: 100%;
nền: màu hồng;
overflow: hidden; /* words should wrap anyway... */
}
.flex-item {
đường viền: 1px màu đỏ đậm;
flex: 0 0 auto; /* should make flex items equal size */
word-wrap: break-all;
/* flex-basis: 0; makes flex items too narrow; they should stretch to fill width equally depending on no of flex items inside containing div. Also shouldn't require hard-coding the width */
}


ri bergber gyiruek weeuyrg eir7 gueruygergb e8iygerg ier7 guer y org ery8g e g8e ergerg




ri bergber gyiruew




ri bergber gyiruek wveeuyrg eir7 gueruygergb e8iygerg ier7 guer y org ery8g e g8e ergervwev we wefwew fwef we fwf wek wveeuyrg eir7 gueruygergb e8iygerg ier7 guer y org ery8g e g8e ergervwev we wefwew fwef we fwf wrgber gyiruek wveeuyrg eir7 gueruygergb e8iygerg ier7 guer y org ery8g e g8e ergervwev we wefwew fwef we fwf wek wveeuyrg eir7 gueruygergb e8iygerg ier7 guer y org ery8g e g8e ergervwev we wefwew fwef we fwf wg



代码笔:https://codepen.io/anon/pen/JgRawo

28 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