Skip to content

Commit 61c8abf

Browse files
[css-flexbox-1] Fix fallback alignment for align-content:stretch 他
Frozen items do not guarantee complete distribution of free space w3c/csswg-drafts@24c1b60 (和訳には織り込み済み) Fix fallback alignment for align-content:stretch w3c/csswg-drafts@b82a2d0 +編集(論理的な簡約
1 parent d3f84ca commit 61c8abf

1 file changed

Lines changed: 42 additions & 34 deletions

File tree

css-flexbox-ja.html

Lines changed: 42 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -587,8 +587,8 @@
587587
●●options
588588

589589
spec_title:CSS Flexible Box Layout Module Level 1
590-
spec_date:2025-03-10
591-
trans_update:2025-03-12
590+
spec_date:2025-06-29
591+
trans_update:2025-06-30
592592
source_checked:240809
593593
page_state_key:CSS
594594
original_url:https://drafts.csswg.org/css-flexbox-1/
@@ -638,6 +638,11 @@
638638
valdef-flex-basis-auto:auto
639639
valdef-flex-basis-content:content
640640

641+
id
642+
order-property:order-modified-document-order
643+
order-property:order-accessibility
644+
order-property:propdef-order
645+
641646
●●mdn_urls
642647
propdef-align-content:CSS/align-content
643648
propdef-align-items:CSS/align-items
@@ -3933,10 +3938,12 @@ <h3 title="Flex Flow Direction: the flex-direction property">5.1. ~flexの~flow
39333938
当の`~flex容器$が`~scroll容器$でもある場合に
39343939
— `justify-content$p の値に依存して —
39353940
その初期~scroll位置を改得る。
3936-
`CSS-ALIGN-3$r `§ ~overflowと~scroll位置@~CSSALIGN#overflow-scroll-position$
3941+
`CSS-ALIGN-3$r `§ 整列~overflowと~scroll容器@~CSSALIGN#overflow-scroll-position$
39373942
を見よ。
39383943
3939-
Note: Depending on the value of justify-content, the reverse values of flex-direction can alter the initial scroll position on flex containers that are also scroll containers. See CSS Box Alignment 3 § 5.3 Overflow and Scroll Positions.
3944+
Note: Depending on the value of justify-content, the reverse values of flex-direction can alter the initial scroll position on flex containers that are also scroll containers. See CSS Box Alignment 3 § 5.3 Alignment Overflow and Scroll Containers.
3945+
3946+
5.3 Overflow and Scroll Positions.
39403947
</p>
39413948

39423949
</section>
@@ -4043,10 +4050,10 @@ <h3 title="Flex Line Wrapping: the flex-wrap property">5.2. ~flex行lの折返ng
40434050
当の`~flex容器$が`~scroll容器$でもある場合に
40444051
— `align-content$p の値に依存して —
40454052
その初期~scroll位置を改得る。
4046-
`CSS-ALIGN-3$r `§ ~overflowと~scroll位置@~CSSALIGN#overflow-scroll-position$
4053+
`CSS-ALIGN-3$r `§ 整列~overflowと~scroll容器@~CSSALIGN#overflow-scroll-position$
40474054
を見よ。
40484055
4049-
Note: Depending on the value of align-content, the wrap-reverse value of flex-wrap can alter the initial scroll position on flex containers that are also scroll containers. See CSS Box Alignment 3 § 5.3 Overflow and Scroll Positions.
4056+
Note: Depending on the value of align-content, the wrap-reverse value of flex-wrap can alter the initial scroll position on flex containers that are also scroll containers. See CSS Box Alignment 3 § 5.3 Alignment Overflow and Scroll Containers.
40504057
</p>
40514058

40524059
</section>
@@ -5734,13 +5741,13 @@ <h3 title="Packing Flex Lines: the align-content property">8.4. ~flex行lたち
57345741
行fたちは、
57355742
残りの空間を占めるよう伸張される:
57365743
残された自由空間が負である場合、
5737-
この値は, `safe flex-start^v へ~fall-backする。
5744+
この値は, `flex-start$vC へ~fall-backする。
57385745
他の場合、
57395746
自由空間は[
57405747
すべての行fの合間が等しくになる
57415748
]よう分割された上で,それらの`交叉size$を増大させる。
57425749
5743-
Lines stretch to take up the remaining space. If the leftover free-space is negative, this value falls back to safe flex-start. Otherwise, the free-space is split equally between all of the lines, increasing their cross size.
5750+
Lines stretch to take up the remaining space. If the leftover free-space is negative, this value falls back to flex-start. Otherwise, the free-space is split equally between all of the lines, increasing their cross size.
57445751
</dd>
57455752
</dl>
57465753

@@ -6983,51 +6990,52 @@ <h3 title="Resolving Flexible Lengths">9.7. ~flex可能な長さの解決-法</h
69836990
<p>
69846991
~EACH( %駒 )
69856992
に対し:
6986-
6987-
Freeze, setting its target main size to its hypothetical main size…
69886993
</p>
69896994
<ol>
69906995
<li>
6996+
<p>
69916997
~IF[
6998+
~OR↓
6999+
]…
7000+
</p>
7001+
<ul>
7002+
<li>
69927003
%駒 の `~flex係数^i ~NEQ 0
6993-
6994-
6995-
~CONTINUE
6996-
6997-
any item that has a flex factor of zero
69987004
</li>
6999-
<li>
7000-
~IF
7005+
<li>
7006+
70017007
%伸縮~mode ~EQ `伸長-^i
70027008
]~AND[
70037009
%駒 の`~flex基底~size$ ~LTE %駒 の`仮の主size$
70047010
7005-
7006-
~CONTINUE
7007-
7008-
if using the flex grow factor: any item that has a flex base size greater than its hypothetical main size
70097011
</li>
7010-
<li>
7011-
~ELIF
7012+
<li>
7013+
70127014
%伸縮~mode ~EQ `縮短-^i
70137015
]~AND[
70147016
%駒 の`~flex基底~size$ ~GTE %駒 の`仮の主size$
70157017
7018+
</li>
7019+
</ul>
7020+
<p>
7021+
…ならば
70167022
70177023
~CONTINUE
7018-
7019-
if using the flex shrink factor: any item that has a flex base size smaller than its hypothetical main size
7020-
</li>
7024+
</p>
7025+
</li>
70217026
<li>
7022-
%駒 の`~target主size$ ~SET `仮の主size$
7023-
7024-
</li>
7027+
%駒 の`~target主size$ ~SET %駒 の`仮の主size$
7028+
</li>
70257029
<li>
70267030
%駒 を凍結する
7027-
7028-
</li>
7031+
</li>
70297032
</ol>
7030-
</li>
7033+
7034+
Freeze, setting its target main size to its hypothetical main size…
7035+
• any item that has a flex factor of zero
7036+
• if using the flex grow factor: any item that has a flex base size greater than its hypothetical main size
7037+
• if using the flex shrink factor: any item that has a flex base size smaller than its hypothetical main size
7038+
</li>
70317039
<li>
70327040
%初期~自由空間 ~LET %容器~size
70337041
~MINUS ( 凍結された すべての駒の外縁`~target主size$の総和 )
@@ -7038,12 +7046,12 @@ <h3 title="Resolving Flexible Lengths">9.7. ~flex可能な長さの解決-法</h
70387046
<li>
70397047
<p>
70407048
~WHILE[
7041-
未~凍結-な駒はある
7049+
未~凍結-な駒は在る
70427050
]:
70437051
70447052
Loop:
70457053
7046-
Check for flexible items. If all the flex items on the line are frozen, free space has been distributed; exit this loop.
7054+
Check for flexible items. If all the flex items on the line are frozen, exit this loop.
70477055
</p>
70487056
<ol>
70497057
<li id="free-space">

0 commit comments

Comments
 (0)