text-overflow:ellipsis on a link

by

an <a> tag is an inline element, you can only apply ellipsis to a block element, try a { display: block; } and it works

Related Contents:

  1. See :hover state in Chrome Developer Tools
  2. How to change the color of an svg element?
  3. CSS3 Transparency + Gradient
  4. What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
  5. How do I make a semi transparent background?
  6. Apply style ONLY on IE
  7. How to align a div to the top of its parent but keeping its inline-block behaviour?
  8. Overflow-x:hidden doesn’t prevent content from overflowing in mobile browsers
  9. Common CSS Media Queries Break Points [duplicate]
  10. How to prevent long words from breaking my div?
  11. Calculate a percent with SCSS/SASS
  12. How to style the UL list to a single line
  13. background:none vs background:transparent what is the difference?
  14. How to Create Grid/Tile View? [duplicate]
  15. Difference between @import and link in CSS
  16. How to change btn color in Bootstrap
  17. Webfont Smoothing and Antialiasing in Firefox and Opera
  18. how to avoid extra blank page at end while printing?
  19. LESS CSS nesting classes
  20. What is the best CSS Framework and are they worth the effort?
  21. CSS Properties: Display vs. Visibility
  22. CSS transition when class removed
  23. How to use relative/absolute paths in css URLs?
  24. How to implement max-font-size?
  25. How to apply custom animation effect @keyframes in MUI?
  26. Change font-weight of FontAwesome icons?
  27. How can I remove the bold from a headline?
  28. What is the difference between bootstrap.css and bootstrap-theme.css?
  29. How do I hide anchor text without hiding the anchor?
  30. How do I include a font awesome icon in my svg?
  31. How can I align text center on small screens with Bootstrap?
  32. CSS-Only Sticky Table Headers In Chrome
  33. On css: if text line is break show dots
  34. Is sizing fonts using “em” still relevant?
  35. How to make the items in the last row consume remaining space in CSS Grid?
  36. vertical-align image in div [duplicate]
  37. How can I disable the bootstrap hover color for links?
  38. HTML – Newline char in DIV content editable?
  39. How can I transition height: 0; to height: auto; using CSS?
  40. Bootstrap 3 unable to display glyphicon properly
  41. What is -webkit-focus-ring-color?
  42. Angular2 Material Dialog css, dialog size
  43. Can we include common css class in another css class?
  44. How to adjust the Caret (blinking cursor) size inside searchbar with css
  45. Why is the CSS border-color inheriting the color property?
  46. How can i stop jQuery mobile to apply styles to my specific form elements
  47. Using margin / padding to space from the rest of the
  48. Get HTML Element Height without JQuery in AngularJS
  49. Line before and after title over image [duplicate]
  50. Generating inline font-size style using ReactJS

Leave a Comment