Многоточие средствами CSS

10 Січ
10.01.2013

Art Depo Programming Tips

Читая книгу “Разработка iPhone-приложений с помощью HTML, CSS и JavaScript” Джонатана Старка набрела на интересный метод установки многоточия в текст, который не вмещается в отведенную ему область.

.announcement {
    overflow:hidden;
    max-width:200px;
    white-space:nowrap;
    text-overflow:ellipsis;
    }

Поддержка браузеров:

  • Internet Explorer 6.0+
  • Chrome 1.0+
  • Opera 11.0+
  • Safari 1.3+
  • Firefox 7.0+
  • Android 1.0+
  • iOS 1.0+

Полезные ссылки
text-overflow

Теги: