Any reason not to use text-overflow: ellipsis?
On Mon, Feb 22, 2010 at 9:33 PM, ibolmo <[email protected]> wrote:
> nice Ryan.
>
> Maybe the ... should be <abbr title="{trimmed_string}">...</abbr>
>
> On Feb 22, 6:15 pm, Ryan Florence <[email protected]> wrote:
> > Anybody wanna forkhttp://mootools.net/forge/p/fittextand make it
> > bettwer with some of this stuff? :D
> >
> > On Feb 22, 2010, at 4:15 PM, Barry van Oudtshoorn wrote:
> >
> >
> >
> > > I wrote a small function implemented on String that will ellipsise
> > > strings for you... Beginning, middle or end. Similar to bootle's
> > > approach, but with the function implemented on the string.
> >
> > >http://www.barryvan.com.au/2009/08/javascript-string-ellipsising/
> >
> > > As far as I know, if you want to dynamically determine text width,
> > > you have two options:
> >
> > > 1) Use canvas, which isn't supported in all browsers;
> > > 2) Create an absolutely positioned element with no word-wrapping,
> > > and add characters to it until its pixel length reaches some value,
> > > which is slow.
> >
> > > Personally, I've found that just using a simple character count
> > > works pretty well in most cases. If you get the right value, the
> > > worst that can happen is extra whitespace in your elements.
> >
> > >http://barryvan.com.au/
> > > [email protected]
> >
> > > On Tue, Feb 23, 2010 at 7:01 AM, Roman Land <[email protected]>
> > > wrote:
> > > Thanks for sharing Bootle!
> >
> > > This looks like a possible solution indeed, would be interested to
> > > see something even cleverer..
> > > For example I dont want to calculate max chars manually...
> >
> > > Wonder if there's a plugin that can do this..?
> >
> > > On Mon, Feb 22, 2010 at 11:39 PM, bootle <[email protected]> wrote:
> > > wow, sorry, this one is better:http://www.jsfiddle.net/3fGs3/6/
> >
> > > On Feb 22, 9:34 pm, bootle <[email protected]> wrote:
> > > > Should be visible for box 5, don't have FF3.5.8 here but I guess
> > > it's
> > > > the same in 3.6.
> > > > It just breaks super long continuous strings into parts so that they
> > > > don't go out of wrapper in width. As for text running out the box in
> > > > height I'd just estimate how many chars will fit there and substring
> > > > the content like here:http://www.jsfiddle.net/3fGs3/5/youcould also
> > > > run a while loop and check for height of the content I think it
> > > would
> > > > be pretty inefficient for larger amounts of stuff tho
> >
> > > > On Feb 22, 9:10 pm, "Matthew Hazlett" <[email protected]> wrote:
> >
> > > > > No effect in FF 3.5.8 or ie 8, well for me at least
> >
> > > > > -----Original Message-----
> > > > > From: [email protected]
> >
> > > > > [mailto:[email protected]] On Behalf Of bootle
> > > > > Sent: Monday, February 22, 2010 3:40 PM
> > > > > To: MooTools Users
> > > > > Subject: [Moo] Re: Pretty text trimming
> >
> > > > > hey,
> >
> > > > > You can use 'word-wrap: break-word' in CSS, like here:
> http://www.jsfiddle.net/3fGs3/4/
> >
> > > > > Hope that helps,
> >
> > > > > Matt
> >
> > > > > On Feb 22, 8:27 pm, Roman Land <[email protected]> wrote:
> > > > > > Hi,
> >
> > > > > > I made this nice fiddle with BP to demonstrate what I
> > > > > mean:http://www.jsfiddle.net/3fGs3/1/
> >
> > > > > > My questions is, what is the best approach with this kind of
> > > "content
> > > > > boxes"
> > > > > > that house different types of texts, these are part of my site
> > > where
> > > > > there's
> > > > > > a list of these boxes with content.
> >
> > > > > > The behavior I am looking for is to handle text that is too
> > > long in a way
> > > > > > that pleases the eye :)
> > > > > > For example I would expect overflowing text to be terminated
> > > with
> > > > > follwoing
> > > > > > "..." before the line ends..
> >
> > > > > > Thanks!
> >
> > > > > > --
> > > > > > ---
> > > > > > "Make everything as simple as possible, but not simpler."
> >
> > > > > > - Albert Einstein
> >
> > > > > __________ Information from ESET Smart Security, version of
> > > virus signature
> > > > > database 4888 (20100222) __________
> >
> > > > > The message was checked by ESET Smart Security.
> >
> > > > >http://www.eset.com
> >
> > > > > __________ Information from ESET Smart Security, version of
> > > virus signature
> > > > > database 4888 (20100222) __________
> >
> > > > > The message was checked by ESET Smart Security.
> >
> > > > >http://www.eset.com
> >
> > > --
> > > ---
> > > "Make everything as simple as possible, but not simpler."
> >
> > > - Albert Einstein
>
--
Guillermo Rauch
http://devthought.com
