Re: [css3-ui] text-overflow and multicol

On 7/05/2011 10:30 PM, fantasai wrote:
> On 05/06/2011 11:47 PM, Håkon Wium Lie wrote:
>> Also sprach fantasai:
>>
>> > During a discussion about text-overflow, someone asked what happens
>> > with multi-col. It occurred to me that it might be handy to ellipse
>> > lines that overflow the column rather than clipping them halfway
>> > through the column gap.
>>
>> It seems reasonable to allow this. But it's not specific to multicol
>> elements, is it? Formatters should also be allowed to do this for
>> normal elements, I believe.
>
> For inline content that is a direct descendant of a block container
> element, they do if 'text-overflow: ellipsis' is specified.
>
> ~fantasai


I note that Safari does something when I add 'text-overflow: ellipsis' 
to this test page offline [1]. The test as it stands has Gecko/WebKit 
behavior vs Trident/Presto behavior.

Another test.

<!DOCTYPE HTML>

<style>

div {
   overflow: auto;
   margin: 1em;
   height: 6em;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
}
.float {
   float: left;
}
.inline-block {
   display: inline-block;
}

span { background: green; border-right: 2px solid red }
span span { border-right: 2px solid lime }

</style>

<div 
class="inline-block">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span></div>

<div 
class="float">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span><br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<span><span>X</span></span></div>


Is multi-col going to be different in respect to interoperability and 
will I be able to reveal via scrolling the final capitalized 'X'? I 
can't scroll to the final capitalized 'X in WebKit in the above test.



[1] 
1http://css-class.com/test/css/overflow/block-inside-auto-width-float-overflow.htm


-- 
Alan Gresley
http://css-3d.org/
http://css-class.com/

Received on Saturday, 7 May 2011 18:34:12 UTC