Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix typo #5985

Merged
merged 2 commits into from
May 29, 2022
Merged

fix typo #5985

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1e16826
fix typo
deletefromuser May 29, 2022
69c444b
Update files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios…
yin1999 May 29, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion ...css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ <h3 id="结合flex-shrink_和flex-basis">结合<code>flex-shrink</code> 和<code

<p>第二个原因是在negative free space消除期间flexbox会阻止小的flex子元素缩小到0. 这些flex子元素会以<code>min-content</code>的大小进行铺设  —这个大小是它们利用任何可以利用的自动断行机会后所变成的.</p>

<p>在下面的例子中，在 <code>flex-basis</code> 解析为内容大小的位置你会看到 <code>min-content</code> 的铺设,. 如果你改变flex容器的宽度 — 比如增加到700px 宽 — 再减少flex子元素的宽度, 你会看到前两个flex子元素 将换行, 但是它们绝不会小于<code>min-content</code>的大小. 随着盒子变得越来越小，空间随后从第三个flex子元素 中移除.</p>
<p>在下面的例子中，在 <code>flex-basis</code> 解析为内容大小的位置你会看到 <code>min-content</code> 的铺设,. 如果你改变flex容器的宽度 — 比如增加到700px 宽 — 再减少flex子元素的宽度, 你会看到前两个flex子元素 将换行, 但是它们绝不会小于<code>min-content</code>的大小. 随着盒子变得越来越小，第三个flex子元素随后从空间中溢出.</p>
yin1999 marked this conversation as resolved.
Show resolved Hide resolved

<p>{{EmbedGHLiveSample("css-examples/flexbox/ratios/flex-shrink-min-content.html", '100%', 500)}}</p>

Expand Down