I need an overflow to truncate from the left, with ellipses

by

Try to use this trick:

.ellipsis {
    overflow: hidden;
    width: 60px;
    direction: rtl; 
    margin-left: 15px;
    white-space: nowrap;
}
    
.ellipsis:after {
    position: absolute;
    left: 0px;
    content: "...";
}
<p class="ellipsis">ert3452654546</p>

More Related Contents:

  1. How to draw this chart in html and CSS? [closed]
  2. Change a HTML5 input’s placeholder color with CSS
  3. Bootstrap NavBar with left, center or right aligned items
  4. How do I select an element based on the state of another element in the page with CSS?
  5. Bootstrap Center Vertical and Horizontal Alignment
  6. Select arrow style change
  7. What is the best way to clear the CSS style “float”?
  8. How to use particular CSS styles based on screen size / device
  9. How to make the items in the last row consume remaining space in CSS Grid?
  10. Wait for fonts to load before rendering web page
  11. Responsive CSS triangle with percents width
  12. How can I center elements horizontally or vertically with Twitter Bootstrap?
  13. List of CSS vendor prefixes?
  14. @font-face works in IE8 but not IE9
  15. Create webfont with Unicode Supplementary Multilingual Plane symbols
  16. position: absolute without setting top/left/bottom/right?
  17. Z-index with before pseudo-element
  18. Select inputs and text inputs in HTML – Best way to make equal width?
  19. Animating max-height with CSS transitions
  20. How can I make a fieldset legend-style “background line” on heading text?
  21. Float a div above page content
  22. How to override global CSS in a CSS module file?
  23. Why does clip-path (and other properties) affect the stacking order (z-index) of elements later in DOM?
  24. font-face with wrong MIME type in Chrome
  25. What is the difference between :before and ::before?
  26. How do I detect the user’s browser and apply a specific CSS file?
  27. Why box-sizing is not working with width/height attribute on canvas element?
  28. Center fixed div with dynamic width (CSS)
  29. How to use images in css with Webpack
  30. SASS calculate HSL Difference between 2 colours

Leave a Comment