Grid Layout in CSS by Eric A. Meyer

Author:Eric A. Meyer
Language: eng
Format: epub, mobi, pdf
Publisher: O'Reilly Media, Inc.
Published: 2016-04-13T16:00:00+00:00

grid-column: col-B; grid-column: col-B / col-B;

That will, of course, span from one instance of that grid-line name to the next, regardless of how many grid cells are spanned.

In cases where only one name is given for grid-column or grid-row, it is also used for the second (the end line). If a single number is given, then the second number (the end line) is set to auto. That means the following pairs are equivalent:

grid-row: 2; grid-row: 2 / auto; grid-column: header; grid-column: header / header;

There’s a subtle behavior built into the handling of grid-line names in grid-row and grid-column that pertains to implicitly named grid lines. If you recall, defining a named grid area creates -start and -end grid lines. That is, given a grid area with a name of footer, there are implicitly created footer-start grid lines to its top and left, and footer-end grid lines to its bottom and right.

In that case, if you refer to those grid lines by the area’s name, the element will still be placed properly. Thus, the following styles have the result shown in Figure 1-32:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.