Re: [css-break] slicing content

On 24/01/15 22:47, "Håkon Wium Lie" <howcome@opera.com> wrote:


>Consider this test case:
>
>  http://www.wiumlie.no/2014/tests/multicol-clip.html

>
>which has three-column fixed-height elements with a tall image and some
>large-font text; neither the image nor the large-font text fit into
>the fixed-width element.
>
>Webkit-derived implementations resolve this overconstrained situation
>by slicing the image and the text into "stripes" that are placed in
>different columns. The thinking is, presumably, that as much content
>as possible should be visible.

There’s a little more to this behaviour in WebKit. The image will be 
pushed in the next column only if slicing is avoided by doing so. In this 
case, the image is taller than one column so slicing is not avoidable (per 
WebKit's initial fragmentation design). Try to set the height of the image 
to 100px and you’ll notice it will be positioned in the second column.

Andrei.

Received on Monday, 26 January 2015 08:37:27 UTC