Re: [css3-multicol] overflow and paging?

Clarification follows...


>>> In other words, I expect the following in pane(1) where my inline
>>> content
>>> is in alphabetical order:
>>>
>>> -------------
>>> |           |
>>> -------------
>>> |A D|       |
>>> |B E|   2   |
>>> |C F|       |
>>> -------------
>>>  G J
>>>  H K
>>>  I L
>>>
>>>  M P
>>>  N Q
>>>  O R
>>>
>>> But instead now I erroneously see:
>>>
>>> -------------
>>> |           |
>>> -------------
>>> |A J|       |
>>> |B K|   2   |
>>> |C L|       |
>>> -------------
>>>  D M
>>>  E N
>>>  F O
>>>  G P
>>>  H Q
>>>  I R
>>

[snip]

> My HTML code for the above hypothetical example looks like this:
>
> <div style='overflow:auto; column-width:Xem'>
> A
> B
> C
> D
> E
> F
> G
> H
> I
> J
> K
> L
> M
> N
> O
> P
> Q
> R
> </div>
>
> where 'X' is the width of one lettered unit.

The lettered items above were intended to represent inline elements, so
the actual code would be:

<div style='overflow:auto; column-width:Xem'>
<span style='display:inline-block'>A</a>
<span style='display:inline-block'>B</a>
<span style='display:inline-block'>C</a>
<span style='display:inline-block'>D</a>
<span style='display:inline-block'>E</a>
<span style='display:inline-block'>F</a>
<span style='display:inline-block'>G</a>
<span style='display:inline-block'>H</a>
<span style='display:inline-block'>I</a>
<span style='display:inline-block'>J</a>
<span style='display:inline-block'>K</a>
<span style='display:inline-block'>L</a>
<span style='display:inline-block'>M</a>
<span style='display:inline-block'>N</a>
<span style='display:inline-block'>O</a>
<span style='display:inline-block'>P</a>
<span style='display:inline-block'>Q</a>
<span style='display:inline-block'>R</a>
</div>

Apologies if that oversight on my part was a source of confusion.

The same problem would also applied to flowed text without any <span
style='display:inline-block'>, it was just more difficult to draw a
diagram to demonstrate that.

Received on Tuesday, 12 October 2010 10:00:44 UTC