css help .. overflow?

[DieselMinded]

how can i made the location field stay on its line and just add ..... if there is more than what fits , is this css "overflow" or something? thanks...

 

[Arty]

That looks like typical dl element on profile. You'll need to target that dl element somehow. Add something like this

dl { display: table; table-layout: fixed; width: 100%; }
dl dt, dl dd { display: table-cell; float: none; white-space: nowrap; }
dl dd { overflow: hidden; text-overflow: ellipsis; }

In those lines replace "dl" with selector that targets that one specific dl element.

 

[rafass]

Truncate String with Ellipsis
Elegant Overflow with CSS Ellipsis

 

[DieselMinded]

how can i apply this to the location field?

 

[rafass]

Try with someting like:

.extraUserInfo.is-expanded dd {
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}

Result:

 

[DieselMinded]

big thanks to rafass for helping me in pms