/CSS/Css max one line three dots

Css max one line three dots

Overflow dottet

.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

4

Source: stackoverflow.com

Css max one line three dots

span {
    display: inline-block;
    width: 180px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

2

Css overflow y 3 dots

#content{
  overflow: hidden;
  width:100px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

2

Similar codes

2 votes114 views1 answer
Alignitems
CSS
26 votes157 views4 answers
Input outline focus
CSS
0 vote150 views1 answer
Fullcalendar react
CSS
0 vote165 views1 answer
Spanning Items Across Rows and Columns
CSS
29 votes145 views3 answers
How to remove scrollbar in css
CSS
27 votes153 views1 answer
How to use gradient as text color
CSS
72 votes142 views6 answers
Absolute position center
CSS
0 vote118 views3 answers
Css how to make 2d animations at once
CSS
0 vote162 views1 answer
Details summary hide arrow
CSS
0 vote214 views1 answer
Beautiful Cyrillic fonts
CSS

Share