Reputation: 45622
How to ensure that a line of text of a certain width never wraps?
I have some divs with ul > li lists in them. Each item should be one line tall and should not wrap. Ideally, ellipses ... should be inserted for lines that would otherwise wrap: these li items should be prevented from wrapping.
Is it possible to accomplish this with through a combination of css and jQuery?
Upvotes: 1
Views: 100
Answers (3)
Reputation: 4315
Check out this solution using jQuery to decrement the length of the string until it fits inside the desired dimension. http://jsfiddle.net/3jwLU/
Upvotes: 1
Reputation: 14417
You can use CSS3 text-overflow property.
If that's not an option you have a lot of jQuery plugins that do what you want. Just search for ellipses in jQuery plugins page...
Upvotes: 0
Reputation: 887385
Add text-overflow: ellipsis.
Unfortunately, it's not supported by Firefox.
Upvotes: 2
Related Questions
- Force text to wrap inside div with no width
- Keep text exactly N-lines long in JS and CSS
- Prevent text wrapping within an element
- How to wrap text to fit the DIV length
- CSS wrap text exactly to width
- Stop text from wrapping to 3 or more lines
- Make text inside a div wrap onto multiple lines when resized
- Define text wrapping point outside the parent element?
- jQuery / Css - Wrap the text according to fixed width
- CSS to prevent text wrapping on specific words?