how to trim a long string in IE8. I tried several options did not work. Now it looks like this for me:

.serversName { vertical-align: top; padding: 5px 0 0 10px; max-width: 183px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

In Chrome clips. I'm testing this way: I have a minimum site width of 920px. I hold down the CTRL key and increase the site. When it reaches the desired width, the line starts to be clipped and 3 points are added. And in IE8, all the rules in styles are ignored, the site’s grid collapses.

Someone faced with such a task and how wiser to do it? Here is the site where I do it: Go to the site

  • which tag is in .serversName ? - Nikita Umnov
  • <td class = "serversName"> ☞ ZERO ZONE 1 ☞ x3-x6 / RUST-RPG / Kit / TP / Clan / Barren / Wipe02.11 Rust server </ td> - Dmitry Movsisyan
  • most likely this is the problem. IE can not use and check now. Try to wrap the text in the cell separately in a div and point it to max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden - Nikita Umnov
  • Does not work. If you just put the width: 200px; then he cuts off. But then the text is always clipped, even if the space for the line is full. - Dmitri Movsesian
  • support ie8 in 2018m? Are you seriously? share of use - hundredths of a percent. - teran

0