Issue metadata
Sign in to add a comment
|
column-count is not works well in Chromium 52 |
||||||||||||||||||||||
Issue descriptionExample URL: http://stackoverflow.com/questions/39242261/column-count-is-not-works-in-chromium-52 Steps to reproduce the problem: load a html that includes below content: <meta charset="utf-8"> <title>CSS3 MultiColumn Test</title> <style type="text/css"> div.content { border:2px solid #000; width: 36em; height: auto; column-count: 3; column-rule: 3px solid #090; column-fill: balance; } </style> <p>the three lines should be displayed in three different columns.</p> <div class="content"> This is the first line.</br> This is the second line.</br> This is the third line.</br> </div> What is the expected behavior? the three lines are displayed in three different columns What went wrong? the three lines are not displayed in three different columns Does it occur on multiple sites: N/A Is it a problem with a plugin? No Did this work before? Yes Chromium 51 Does this work in other browsers? N/A Chrome version: 52.0.2720.0 Channel: n/a OS Version: 5.0 Flash Version:
,
Sep 5 2016
,
Sep 5 2016
,
Sep 8 2016
Here's one test case: http://codepen.io/anon/pen/VKLAdQ Looks ok in Firefox/Chromium. Looks broken in Chrome 52.
,
Sep 8 2016
,
Sep 8 2016
The initial value of orphans and widows is 2, according to the spec, and this was fixed in Chrome 52. In the test, if you add "orphans:1; widows:1;" to the div.content declaration block, it should render the way you want. |
|||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||
Comment 1 by xfzhang...@gmail.com
, Aug 31 20168.8 KB
8.8 KB View Download