@@ -1273,10 +1273,7 @@ Item Flow Axis: 'item-track'/'item-direction'</h3>
1273
1273
<span class="option masonry"> Track-oriented Option</span>
1274
1274
Represents placement into rows,
1275
1275
i.e. tracks or lines parallel to the [=inline axis=] .
1276
- Items are placed in start-to-end order in the inline axis
1277
- in [=flex layout=] and [=grid layout=] ,
1278
- and in start-to-end order in the [=block axis=]
1279
- in [=masonry layout=] .
1276
+ Items fill those rows in start-to-end order.
1280
1277
1281
1278
<span class="option grid"> Flow-oriented Option</span>
1282
1279
Represents row-primary item placement,
@@ -1289,10 +1286,7 @@ Item Flow Axis: 'item-track'/'item-direction'</h3>
1289
1286
<span class="option masonry"> Track-oriented Option</span>
1290
1287
Represents placement into columns,
1291
1288
i.e. tracks or lines parallel to the [=block axis=] .
1292
- Items are placed in start-to-end order in the block axis
1293
- in [=flex layout=] and [=grid layout=] ,
1294
- and in start-to-end order in the [=inline axis=]
1295
- in [=masonry layout=] .
1289
+ Items fill those columns in start-to-end order.
1296
1290
1297
1291
<span class="option grid"> Flow-oriented Option</span>
1298
1292
Represents column-primary item placement,
@@ -1350,11 +1344,24 @@ Item Cross Axis Placement Mode: 'item-cross'/'item-wrap'</h3>
1350
1344
1351
1345
: <dfn>normal</dfn>
1352
1346
::
1353
- Items are placed in start-to-end order in the axis opposite to the [=primary track axis=] .
1347
+ Items are placed in start-to-end order
1348
+ in the axis opposite to the [=primary track axis=] .
1349
+
1350
+ In [=flex layout=] and [=grid layout=] ,
1351
+ this controls the direction that new tracks
1352
+ (flex lines or grid tracks)
1353
+ are placed in.
1354
+
1355
+ In [=masonry layout=] ,
1356
+ <span class="option masonry"> for track-oriented syntax this controls which track is selected
1357
+ when several are tied for equal height</span> ;
1358
+ <span class="option grid"> for flow-oriented syntax this controls which direction
1359
+ items fill their track in.</span>
1354
1360
1355
1361
: <dfn>reverse</dfn>
1356
1362
::
1357
- Items are placed in end-to-start order in the axis opposite to the [=primary track axis=] .
1363
+ Items are placed in end-to-start order
1364
+ in the axis opposite to the [=primary track axis=] .
1358
1365
1359
1366
: <dfn>wrap-reverse</dfn>
1360
1367
::
@@ -1565,4 +1572,4 @@ track-sizing/masonry-track-sizing-explicit-block.html
1565
1572
track-sizing/masonry-track-sizing-overflow-left-side.html
1566
1573
track-sizing/masonry-track-sizing-overflow-right-side.html
1567
1574
track-sizing/masonry-track-sizing-span-row.html
1568
- </wpt>
1575
+ </wpt>
0 commit comments