You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<li><ahref=#content-distribution><spanclass=secno>4</span> Content Distribution: the <spanclass=propertydata-link-type=propdesctitle=justify-content>justify-content</span> and <spanclass=propertydata-link-type=propdesctitle=align-content>align-content</span> properties</a>
an <dfndata-dfn-type=dfndata-export="" id=overflow-alignment0>overflow alignment<aclass=self-linkhref=#overflow-alignment0></a></dfn> mode can be explicitly specified.
562
+
an <dfndata-dfn-type=dfndata-export="" id=overflow-alignment>overflow alignment<aclass=self-linkhref=#overflow-alignment></a></dfn> mode can be explicitly specified.
563
563
"True" alignment honors the specified alignment mode in overflow situations, even if it causes data loss,
564
564
while "safe" alignment changes the alignment mode in overflow situations in an attempt to avoid data loss.</p>
565
565
566
-
<p>If the <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a> isn’t explicitly specified,
567
-
the default <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a> is determined by the layout mode.
568
-
Document-centric layout modes, such as block layout, default to "safe" <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a>,
569
-
while design-centric layout modes, such as flex layout, default to "true" <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a>.</p>
566
+
<p>If the <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a> isn’t explicitly specified,
567
+
the default <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a> is determined by the layout mode.
568
+
Document-centric layout modes, such as block layout, default to "safe" <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a>,
569
+
while design-centric layout modes, such as flex layout, default to "true" <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a>.</p>
@@ -707,8 +707,8 @@ <h3 class="heading settled" data-level=4.1 id=baseline-align-content><span class
707
707
to match its <adata-link-type=dfnhref=#alignment-baselinetitle="alignment baseline">alignment baseline</a> in that axis up to that of its <adata-link-type=dfnhref=#baseline-sharing-grouptitle="baseline-sharing group">baseline-sharing group</a>.
Overflow and Alignment: scroll positions</span><aclass=self-linkhref=#overflow-scroll-position></a></h3>
712
712
713
713
<p>The <adata-link-type=dfnhref=#content-distribution-propertiestitle="content distribution properties">content distribution properties</a> also affect the initial scroll position,
714
714
setting it to display the appropriate portion of the scrollable area.
as modified by the offset properties (<aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-position-3/#toptitle=top>top</a>/<aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-position-3/#righttitle=right>right</a>/<aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-position-3/#bottomtitle=bottom>bottom</a>/<aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-position-3/#lefttitle=left>left</a>).
793
793
The <adata-link-type=dfnhref=#alignment-subjecttitle="alignment subject">alignment subject</a> is the box’s margin box.</p>
794
794
795
-
<p>The default <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-safetitle=safe>safe</a>.
795
+
<p>The default <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-safetitle=safe>safe</a>.
796
796
In terms of CSS2.1 formatting <adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css21title=biblio-CSS21>[CSS21]</a>,
797
797
the rules for "over-constrained" computations in <ahref=http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width>section 10.3.7</a>
798
798
are ignored in favor of alignment as specified here
<p>The <adata-link-type=dfnhref=#alignment-containertitle="alignment container">alignment container</a> is the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-grid-1/#grid-celltitle="grid cell">grid cell</a>.
820
820
The <adata-link-type=dfnhref=#alignment-subjecttitle="alignment subject">alignment subject</a> is the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-grid-1/#grid-itemtitle="grid item">grid item</a>’s margin box.
821
-
The default <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-truetitle=true>true</a>.</p>
821
+
The default <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-truetitle=true>true</a>.</p>
as modified by the offset properties (<aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-position-3/#toptitle=top>top</a>/<aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-position-3/#righttitle=right>right</a>/<aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-position-3/#bottomtitle=bottom>bottom</a>/<aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-position-3/#lefttitle=left>left</a>).
873
873
The <adata-link-type=dfnhref=#alignment-subjecttitle="alignment subject">alignment subject</a> is the box’s margin box.</p>
874
874
875
-
<p>The default <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-safetitle=safe>safe</a>.
875
+
<p>The default <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-safetitle=safe>safe</a>.
876
876
In terms of CSS2.1 formatting <adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css21title=biblio-CSS21>[CSS21]</a>,
877
877
the rules for "over-constrained" computations in <ahref=http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height>section 10.6.4</a>
878
878
are ignored in favor of alignment as specified here
<p>The <adata-link-type=dfnhref=#alignment-containertitle="alignment container">alignment container</a> is the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-flexbox-1/#flex-linetitle="flex line">flex line</a> the item is in.
894
894
The <adata-link-type=dfnhref=#alignment-subjecttitle="alignment subject">alignment subject</a> is the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-flexbox-1/#flex-itemtitle="flex item">flex item</a>’s margin box.
895
-
The default <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-truetitle=true>true</a>.
895
+
The default <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-truetitle=true>true</a>.
896
896
See <adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css3-flexboxtitle=biblio-CSS3-FLEXBOX>[CSS3-FLEXBOX]</a> for details.</p>
<p>The <adata-link-type=dfnhref=#alignment-containertitle="alignment container">alignment container</a> is the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-grid-1/#grid-celltitle="grid cell">grid cell</a>.
903
903
The <adata-link-type=dfnhref=#alignment-subjecttitle="alignment subject">alignment subject</a> is the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-grid-1/#grid-itemtitle="grid item">grid item</a>’s margin box.
904
-
The default <adata-link-type=dfnhref=#overflow-alignment0title="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-truetitle=true>true</a>.</p>
904
+
The default <adata-link-type=dfnhref=#overflow-alignmenttitle="overflow alignment">overflow alignment</a> is <aclass=cssdata-link-type=maybehref=#valdef-overflow-position-truetitle=true>true</a>.</p>
0 commit comments