I’m afraid it’s impossible. There was once text-overflow: ellipsis-word
, which would do just this, but it was not implemented in browsers and it was removed from CSS3 drafts.
More Related Contents:
- How do I hide an element when printing a web page?
- ::slotted CSS selector for nested children in shadowDOM slot
- Aligning grid items across the entire row/column (like flex items can)
- How can I force browsers to print background images in CSS?
- Is embedding background image data into CSS as Base64 good or bad practice?
- How to change an input button image using CSS
- Relationship between !important and CSS specificity
- Specify an SVG as a background image and ALSO style the SVG in CSS?
- Can I change the fill color of an svg path with CSS?
- Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
- Add a css class to a field in wtform
- Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
- CSS transitions with calc() do not work in IE10+
- Make children divs the height of tallest child
- Remove “whitespace” between div element
- What does the double colon (::) mean in CSS?
- How to add fonts to create-react-app based projects?
- On IE CSS font-face works only when navigating through inner links
- CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container
- “Eliminate render-blocking CSS in above-the-fold content”
- CSS change d property of
- Combining border-top,border-right,border-left,border-bottom in CSS
- How to get a react component’s size (height/width) before render?
- How to vertically align an image inside a div
- How to horizontally center a floating element of a variable width?
- Using modulus in css calc function
- Centering the navbar content in Bootstrap 4 (alpha 5)
- Drawing border colors during a CSS transition
- What exactly flex-basis property sets?
- How to style menu button and menu items