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>
Overflow and Alignment: scroll positions</span><aclass=self-linkhref=#overflow-scroll-position></a></h3>
711
+
Overflow and 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.
if a scrollable flex container is set to <aclass=cssdata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content: flex-end;</a>
722
-
or <aclass=cssdata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content: flex-start;</a> with a <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-flexbox-1/#propdef-flex-directiontitle=flex-direction>flex-direction</a> of <spanclass=css>row-reverse</span>,
721
+
if a scrollable flex container is set to <aclass=cssdata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content: flex-end</a>
722
+
(or <aclass=cssdata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content: flex-start</a> with <aclass=cssdata-link-type=propdeschref=http://dev.w3.org/csswg/css-flexbox-1/#propdef-flex-flowtitle=flex-flow>flex-flow: row-reverse</a>),
723
723
it will be initially displayed scrolled all the way to the main-end edge of the scrollable area,
724
724
and its content will overflow its main-start edge.
This property does not apply to <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-flexbox-1/#flex-itemtitle="flex items">flex items</a>,
812
812
because there is more than one item in the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-flexbox-1/#main-axistitle="main axis">main axis</a>.
813
-
See <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-flexbox-1/#propdef-flextitle=flex>flex</a> for stretching and <aclass=propertydata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content</a> for <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-flexbox-1/#main-axistitle=main-axis>main-axis</a> alignment. <adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css3-flexboxtitle=biblio-CSS3-FLEXBOX>[CSS3-FLEXBOX]</a>
813
+
See <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-flexbox-1/#propdef-flextitle=flex>flex</a> for stretching and <aclass=propertydata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content</a> for <adata-link-type=dfntitle=main-axis>main-axis</a> alignment. <adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css3-flexboxtitle=biblio-CSS3-FLEXBOX>[CSS3-FLEXBOX]</a>
0 commit comments