[csswg-drafts] [css-multicol] Improve column-fill example 26 and example 27 (#3700)

TalbotG has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-multicol] Improve column-fill example 26 and example 27 ==
@rachelandrew 

After carefully examining the [column-fill: balance Example 26 from the spec](https://www.w3.org/TR/css-multicol-1/#example-0143ee45) and the [column-fill: auto Example 27 from the spec](https://www.w3.org/TR/css-multicol-1/#example-d151413b), I created these 2 pages:

[column-fill: balance Example 26 GT](http://www.gtalbot.org/BrowserBugsSection/CSS3Multi-Columns/column-fill-balance-Example-26.html)

[column-fill: auto Example-27 GT](http://www.gtalbot.org/BrowserBugsSection/CSS3Multi-Columns/column-fill-auto-Example-27.html)

I propose the following changes to examples 26 and 27 from the spec:

- a **width of 41em** (and not 60em) if+since+because the font-size of text is 18px. That way, SVG image of rendered layout will better match the actual CSS code
- since "Column rules are only drawn between two columns that both have content", then **both SVG images** (expected rendered layout) **should be corrected**
- more text content so that the examples would not require to style 'widows' and 'orphans' and to set them to 1. The initial value of 'widows' and 'orphans' is 2. So, example 26 needs just more text content so that there are **at least 2 line boxes in each column boxes**. Otherwise, add 'orphans: 1' and 'widows: 1' to the code of both examples. **Without  'orphans: 1' and 'widows: 1' or without more text content, the examples are not perfectly reliable or trustworthy**
-  Linux users do not necessarly have installed (or preinstalled) Arial or Arial MT typefaces. So, in the SVG code, adding "Liberation Sans" is a tiny bit better+preferable.


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3700 using your GitHub account

Received on Friday, 1 March 2019 22:26:16 UTC