- From: Cory Brown <oh.wise.man@gmail.com>
- Date: Tue, 10 Jun 2014 21:47:53 -0600
- To: Daniel Holbert <dholbert@mozilla.com>
- Cc: www-style@w3.org
- Message-ID: <CAKxo9DpnH43NBWLMxScAkP=4dkF1K7PNUS4qqodMSAzR0hCGLQ@mail.gmail.com>
Unfortunately no, I wasn't able to get the page-break-before to accomplish what I was hoping for. Thanks for the suggestion though. On Tue, Jun 10, 2014 at 5:19 PM, Daniel Holbert <dholbert@mozilla.com> wrote: > On 06/10/2014 04:01 PM, Cory Brown wrote: > > Even attempting > > to create some JavaScript that will do this has been a big challenge > > since there doesn't seem to be a straight-forward way to force a row > > break between flex-items. > > FWIW, the "page-break-before"/"page-break-after" properties should let > you force wrapping to happen at a particular point, though I'm not sure > that behavior is implemented in all browsers right now. > > Spec reference: > # A break is forced wherever the CSS2.1 > # page-break-before/page-break-after [CSS21] or > # the CSS3 break-before/break-after [CSS3-BREAK] > # properties specify a fragmentation break. > http://dev.w3.org/csswg/css-flexbox/#algo-line-break > > Testcase/reference (works in Firefox, but doesn't seem to work in Blink): > > http://mxr.mozilla.org/mozilla-central/source/layout/reftests/w3c-css/submitted/flexbox/flexbox-break-request-horiz-1a.html > > http://mxr.mozilla.org/mozilla-central/source/layout/reftests/w3c-css/submitted/flexbox/flexbox-break-request-horiz-1-ref.html > > (The last 3 dashed boxes on the second row there are the cases where I > believe a not-otherwise-necessary break should be forced, due to > "page-break-before".) > > If that worked interoperably, would this address your use-case? > > ~Daniel > -- Cory Brown
Received on Wednesday, 11 June 2014 03:48:20 UTC