Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>This is a total stab in the dark, but it may at least set you in the right direction...</p> <p>Combining the <a href="http://www.w3.org/TR/css3-gcpm/#selecting-columns-and-pages" rel="nofollow">page(n) pseudo-element</a> selector, the <a href="http://www.w3.org/TR/css3-gcpm/#page-floats" rel="nofollow">float / float-modifier</a> properties, and possibly <a href="http://www.w3.org/TR/selectors4/#subject" rel="nofollow">CSS4 parent selectors</a> may provide some sort of solution.</p> <p>Here are few behaviors an example:</p> <pre><code>/* CSS3 GCPM */ #image-a::page(2) { page-break-before: auto; float: top next-page; margin-bottom: -320px; /* Assuming the image height is 320px */ } /* CSS4 Parent Selector */ $#image-a ::page(2) { page-break-before: auto; float: top next-page; margin-bottom: -320px; /* Assuming the image height is 320px */ } </code></pre> <p>This basically states that if image-a actually wraps onto a second page, that a float should be applied to it, sending it to the top of the next page. Depending on how browsers choose to render this, you may get the result you are looking for (Hopefully):</p> <ol> <li>Wrapping into the second page is detected</li> <li>The <code>page-break-before</code> property forces the <code>float</code> property to apply to entire elements (or the parent selector does it's job)</li> <li>The <code>float</code> and <code>margin</code> properties takes the element out of document flow and allow other content to take it's space</li> </ol> <p>I know this is a real stretch and will not work, but perhaps it will trigger a line of thought allowing you come up with a more solid solution :)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload