- From: Bert Bos via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 14 Feb 2012 09:25:30 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-layout In directory hutz:/tmp/cvs-serv10820 Modified Files: new.src.html Log Message: Minor rewording. Index: new.src.html =================================================================== RCS file: /sources/public/csswg/css3-layout/new.src.html,v retrieving revision 1.3 retrieving revision 1.4 diff -u -d -r1.3 -r1.4 --- new.src.html 14 Feb 2012 01:04:28 -0000 1.3 +++ new.src.html 14 Feb 2012 09:25:28 -0000 1.4 @@ -51,7 +51,7 @@ <dd><a href="http://www.w3.org/Style/CSS/Tracker/products/FIXME">http://www.w3.org/Style/CSS/Tracker/products/FIXME</a> <dt>Discussion:</dt> - <dd><a href="http://lists.w3.org/Archives/Public/www-style/">www-style@w3.org</a> with subject line “<kbd>[[SHORTNAME]] <var>… message topic …</var></kbd>” + <dd><a href="http://lists.w3.org/Archives/Public/www-style/">www-style@w3.org</a> with subject line “<kbd>[<!---->[SHORTNAME]] <var>… message topic …</var></kbd>” <dt>Editors: <dd class=vcard><span class=fn>[editor1 name]</span>, @@ -94,17 +94,19 @@ <!--toc--> + + <h2 id="intro"> Introduction</h2> - <p><em>This section is not normative.</em> +<p><em>This section is not normative.</em> <div class=sidefigure> - <p><img src="diagram.png" alt="Image: four elements move to four - slots in a template" longdesc="diagram.desc"> +<p><img src="diagram.png" alt="Image: four elements move to four slots +in a template" longdesc="diagram.desc"> - <p class=caption>Four regions, called a, b, c and d, each receive a - part of a document +<p class=caption>Four regions, called a, b, c and d, each receive a +part of a document </div> <p class=mtb>The styling of a Web page, a form or a graphical user @@ -121,12 +123,11 @@ becomes extreme. <p>The properties in this specification work by associating a -<em>layout policy</em> with an element. Rather than letting an element +<em>layout grid</em> with an element. Rather than letting an element lay out its descendants in their normal order as inline text or as blocks of text (the policies available in CSS level 1), the -policy defined in this module, called <em>template-based -positioning,</em> gives an element an invisible grid for aligning -descendant elements. +policy defined in this module gives an element an invisible grid for +aligning selected descendant elements. <p>Because layouts on the Web have to adapt to different window and paper sizes, the rows and columns of the grid can be made fixed or @@ -154,16 +155,15 @@ on the region it is displayed in. </ul> -<p>Template-based positioning is an alternative to absolute -positioning, which, like absolute positioning, is especially useful -for aligning elements that don't have simple relationships in the -source (parent-child, ancestor-descendant, immediate sibling). But in +<p>Grid-based positioning is an alternative to absolute positioning, +which, like absolute positioning, is especially useful for aligning +elements that don't have simple relationships in the source +(parent-child, ancestor-descendant, immediate sibling). But in contrast to absolute positioning, the elements are not positioned with the help of horizontal and vertical coordinates, but by mapping them into slots in a table-like template. The relative size and alignment of elements is thus governed implicitly by the rows and columns of the -template. A template doesn't allow elements to overlap, but it provides -layouts that adapt better to different widths. +template. <p class=issue>Call it a “slot” or rather a “region”? @@ -1397,12 +1397,12 @@ margins (cf. table cells). <span class=issue>[still true?]</span> -<h2>Vertical alignment of elements in a slot</h2> +<h2 id=vertical-align>Vertical alignment of elements in a slot</h2> <p class=issue>Can use the margins of the '::slot()'' pseudo, or -re-use the 'vertical-align' (bottom, top, middle, baseline), -or... [Using 'margin' means there needs to be another property if -baseline alignement is required.] +re-use the 'vertical-align' property (bottom, top, middle, baseline), +or a new property ('flex-align'?) [Using 'margin' means there needs to +be another property if baseline alignment is required.]
Received on Tuesday, 14 February 2012 09:25:31 UTC