Skip to content

Commit 1865112

Browse files
committed
[css-writing-modes] Improve note on auto-multicol
1 parent 7a88b49 commit 1865112

2 files changed

Lines changed: 14 additions & 8 deletions

File tree

css-writing-modes/Overview.bs

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1907,6 +1907,8 @@ Auto-sizing in Orthogonal Flows</h4>
19071907
in place of the <i>available inline-size</i> for calculations that
19081908
require a definite <i>available inline-size</i>.
19091909

1910+
<p>See [[!CSS3-SIZING]] for further details on CSS sizing terminology and concepts.
1911+
19101912
<h4 id=auto-multicol>
19111913
Auto-sizing Block Containers in Orthogonal Flows</h4>
19121914

@@ -1935,18 +1937,18 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
19351937
<li>the initial containing block’s <i>inline-size</i>
19361938
</dl>
19371939

1938-
<p>
1939-
See [[!CSS3-SIZING]] for further details.
1940-
19411940
<div class="note">
19421941
<div class=sidefigure>
19431942
<img src="auto-multicol.svg" width=200
19441943
alt="Diagram of automatically triggered multi-column preventing T-shaped documents">
19451944
</div>
1946-
This automatically triggers multi-column flow
1945+
Note that this automatically triggers multi-column flow on all block containers
19471946
so that overflowing content, instead of continuing off the side of the containing block,
19481947
is wrapped into columns in the flow direction of the containing block,
19491948
thus avoiding T-shaped documents.
1949+
Authors can control the measure of these columns by setting 'column-width',
1950+
or disable this behavior by setting 'width' to a non-''auto'' value
1951+
such as ''max-content''.
19501952
<br style="clear:both;">
19511953
</div>
19521954

css-writing-modes/Overview.html

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1975,6 +1975,8 @@ <h4 class="heading settled heading" data-level=7.3.1 id=orthogonal-auto><span cl
19751975
in place of the <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#available title="available inline-size">available inline-size</a> for calculations that
19761976
require a definite <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#available title="available inline-size">available inline-size</a>.
19771977

1978+
<p>See <a data-biblio-type=normative data-link-type=biblio href=#biblio-css3-sizing title=biblio-css3-sizing>[CSS3-SIZING]</a> for further details on CSS sizing terminology and concepts.
1979+
19781980
<h4 class="heading settled heading" data-level=7.3.2 id=auto-multicol><span class=secno>7.3.2 </span><span class=content>
19791981
Auto-sizing Block Containers in Orthogonal Flows</span><a class=self-link href=#auto-multicol></a></h4>
19801982

@@ -2003,17 +2005,17 @@ <h4 class="heading settled heading" data-level=7.3.2 id=auto-multicol><span clas
20032005
<li>the initial containing block’s <a data-link-type=dfn href=#inline-size title=inline-size>inline-size</a>
20042006
</ul></dl>
20052007

2006-
<p>
2007-
See <a data-biblio-type=normative data-link-type=biblio href=#biblio-css3-sizing title=biblio-css3-sizing>[CSS3-SIZING]</a> for further details.
2008-
20092008
<div class=note>
20102009
<div class=sidefigure>
20112010
<img alt="Diagram of automatically triggered multi-column preventing T-shaped documents" src=auto-multicol.svg width=200>
20122011
</div>
2013-
This automatically triggers multi-column flow
2012+
Note that this automatically triggers multi-column flow on all block containers
20142013
so that overflowing content, instead of continuing off the side of the containing block,
20152014
is wrapped into columns in the flow direction of the containing block,
20162015
thus avoiding T-shaped documents.
2016+
Authors can control the measure of these columns by setting <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-multicol-1/#propdef-column-width title=column-width>column-width</a>,
2017+
or disable this behavior by setting <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css2/visudet.html#propdef-width title=width>width</a> to a non-<span class=css data-link-type=maybe title=auto>auto</span> value
2018+
such as <span class=css data-link-type=maybe title=max-content>max-content</span>.
20172019
<br style=clear:both;>
20182020
</div>
20192021

@@ -2483,13 +2485,15 @@ <h3 class="no-num heading settled heading" id=changes-201311><span class=content
24832485
<ul>
24842486
<li>Fixed orthogonal flows auto-sizing rules to better handle shrink-wrapping.
24852487
</ul>
2488+
24862489
<h2 class="no-num heading settled heading" id=acknowledgements><span class=content>
24872490
Acknowledgements</span><a class=self-link href=#acknowledgements></a></h2>
24882491

24892492
<p>John Daggett, Martin Heijdra, Laurentiu Iancu,
24902493
Yasuo Kida, Tatsuo Kobayashi, Toshi Kobayashi,
24912494
Ken Lunde, Nat McCully, Eric Muller,
24922495
Paul Nelson, Kenzou Onozawa, Dwayne Robinson,
2496+
Simon Sapin
24932497
Michel Suignard, Taro Yamamoto, Steve Zilles</p>
24942498

24952499
<h2 class="no-num heading settled heading" id=character-properties><span class=content>Appendix A.

0 commit comments

Comments
 (0)