Why doesn’t CSS ellipsis work in table cell?

by

Apparently, adding:

td {
  display: block; /* or inline-block */
}

solves the problem as well.

Another possible solution is to set table-layout: fixed; for the table, and also set it’s width. For example: http://jsfiddle.net/fd3Zx/5/

More Related Contents:

  1. Applying an ellipsis to multiline text [duplicate]
  2. With CSS, use “…” for overflowed block of multi-lines
  3. Place text after dots inline with the second line of text overflow ellipsis
  4. text-overflow is not working when using display:flex
  5. Two divs side by side – Fluid display [duplicate]
  6. Expand a div to fill the remaining width
  7. How to make an image center (vertically & horizontally) inside a bigger div [duplicate]
  8. Can I write a CSS selector selecting elements NOT having a certain class or attribute?
  9. Margin-Top push outer div down
  10. Add centered text to the middle of a horizontal rule [duplicate]
  11. Make wrapper take maximum width of child image? [duplicate]
  12. How can I display just a portion of an image in HTML/CSS?
  13. Center aligning a fixed position div
  14. Difference between position:sticky and position:fixed?
  15. How to bevel the corner of a block div?
  16. CSS Float Logic
  17. How to create a Slanted Background with CSS? [duplicate]
  18. Centering floating divs within another div
  19. How to center div vertically inside of absolutely positioned parent div
  20. Vertical Alignment of text in a table cell
  21. How to use an tag inside a in the middle of a text? [duplicate]
  22. CSS to line break before/after a particular `inline-block` item
  23. Table overflowing outside of div
  24. Center an image horizontally using CSS
  25. Alternate background colors for list items
  26. Styling HTML email for Gmail
  27. Change Bootstrap input focus blue glow
  28. Angular4 – Scrolling to anchor
  29. Why use a sprite sheet rather than individual images?
  30. Link external CSS file only for specific Div [duplicate]

Leave a Comment