/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

4 votes147 views1 answer
How to make image not repeat on background
CSS
51 votes149 views6 answers
Ellipsis css
CSS
0 vote156 views1 answer
Not focus css
CSS
0 vote178 views1 answer
Wordpress https to localhost http
CSS
15 votes184 views3 answers
Put an border around an text in css
CSS
2 votes151 views1 answer
Coustomize srollbar
CSS
0 vote148 views1 answer
Frontend to backend fetching
CSS
0 vote149 views1 answer
Overiade main style only for specific page sass
CSS
29 votes151 views2 answers
How to horizontal center a div in css
CSS
3 votes143 views2 answers
Css for internet explorer only
CSS

Share