The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users.
0
votes
3answers
343 views
Limit paragraph height to height of image in another div
I'm using a two column layout for a responsive blog site. The left column uses an image, which is scaled to fill the width of the column, and the right column contains an extraction of text from the ...
1
vote
2answers
80 views
CSS text-overflow depending on space left besides sibling elements
I'm trying to style a list entry consiting of text on the left and action elements on the right.
If the text runs longer then the available space text shall be replaced by an ellipsis.
- This is a ...
0
votes
2answers
80 views
CSS3 text-overflow in a transformed table
I'm looking for a text overflow in a table where the text in a "th" tag is transformed 90 degrees
the text should be cutted with "text-overflow:ellipsis" if its too long for the cell. Here an Example ...
2
votes
1answer
306 views
Three flexible spans in a container with one allowing text-overflow
I'm currently trying to get a scenario working in CSS, which places three texts side-by-side with no wrapping. Once the first text is too long, it has to be truncated.
See the picture below for a more ...
0
votes
1answer
38 views
Applying text-overflow:ellipses properly
I've been trying to get this CSS applied to certain sections, but despite reading up on the style, and remembering to include overflow:hidden along with the text-overflow, I can't get it to work. ...
0
votes
1answer
528 views
text-overflow ellipsis
I have such html code
<li>
<strong>Name Lastname<span>1</span></strong>
<span>ok</span>
<date>Monday, 10th Dec 2012</date>
</li>
...
2
votes
0answers
484 views
text-overflow ellipsis breaks device-width in Android (website not app)
This is driving me crazy (a piece of code is better than 1000 words):
<html>
<head>
<meta name="viewport" content="width=device-width;" >
<style>
html, body {
...
1
vote
0answers
915 views
IE9 text-overflow: ellipsis; not working with text-align: center;
As you can see the first "." gets over the last "6" and only on IE9.
Any workarounds?
NOTE:
<div class="truncate">666</div>
div { text-align: center; /* NOTE: The text should be on ...
1
vote
0answers
52 views
I am using VS10 and I get this error “Text-Overflow is not a known CSS property”
I have installed CSS 3 Intellisense Schema and Web Standards Update for Microsoft Visual Studio 2010 SP1. VS still doesn't identify it as a valid property. What could be the problem?
0
votes
0answers
1 views
Truncate (Ellipsis) text in Bootstrap's Thumbnail Caption?
Here's the thumbnail sample code from Bootstrap doc pages:
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img data-src="holder.js/300x200" ...
0
votes
0answers
38 views
Using text-shadow with ellipsis looks bad, any alternative to using padding?
Trying to use text-shadow when using ellipsis I've found no other way of fixing the text-shadow being cut.
Link to result - Can't post images yet
JSFiddle with live example
0
votes
0answers
203 views
Cheating text-overflow + -webkit-line-clamp?
Here is an example copied from this question
Limit text length to n lines using CSS
The solution as shown in the fiddle looks good until I change the line-height to something like 60%. Then the ...
0
votes
0answers
21 views
Is there a polyfill for SVG text-overflow processing?
According to the SO question: Trimming text to a given pixel width in SVG there is currently (SVG1.x) no easy way to control text-overflow in SVG elements.
Is there a library/polyfill/shim that ...
0
votes
0answers
394 views
How to use text-overflow:ellipsis with unknown width
I have this label which might be any width and should use the CSS text-overflow:ellipsis property. I can't seem to be able to get it to work. #a works because the width is set and that's the expected ...