max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
// div in a flex - assign width% , no need of even max-width !.long-text {
width: 150px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
}| Code Example |
|---|
| Css :: css round outline |
| Css :: bootstrap word-wrap: break-word; |
| Css :: top left right bottom css shorthand |
| Css :: css feather border |
| Css :: wp wpbakery bulder page alignment |
| Css :: line spacing css |
| Css :: css 2 bilder nebeneinander |
| Css :: html watermark background |
| Css :: half border bottom |
| Css :: css center text |
| Css :: stretch text to div width css |
| Css :: center text html css position fixed |
| Css :: css how to make a pre tag to break line |
| Css :: html table wrap text |
| Css :: max z-index value css |
| Css :: Scroll background still |
| Css :: image rotate with css |
| Css :: sass darken |
| Css :: remove scrollbars scroll |
| Css :: tabla responsive css |
| Css :: css image overflow |
| Css :: delete after content css |
| Css :: css filter color |
| Css :: smooth scroll |
| Css :: griddy css |
| Css :: move bullets in css |
| Css :: bootstrap breakpoints |
| Css :: how to make image fit container css |
| Css :: css background image shown on top right |
| Css :: background image |