Несмотря на то, что мониторы больших диагоналей становятся всё доступнее, а их разрешение постоянно растёт, иногда возникает задача в ограниченном пространстве уместить много текста. Например, это может понадобиться для мобильной версии сайта или для интерфейса, в котором важно число строк. В подобных случаях имеет смысл обрезать длинные строки текста, оставив только начало предложения. Так мы приведём интерфейс к компактному виду и сократим объём выводимой информации. Само обрезание строк можно делать на стороне сервера с помощью того же PHP, но через CSS это проще, к тому же всегда можно показать текст целиком, например, при наведении на него курсора мыши. Далее рассмотрим методы, как текст порезать воображаемыми ножницами.

В одной из своих предыдущих статей я затрагивала тему работы с длинными словами и принудительных переносов. Теперь я хочу поговорить об обрезке текста средствами CSS.

ancient-surf-2vwxq using react, react-dom, react-google-maps, react-scripts, recompose

Возникли проблемы с HTML или CSS? – пиши сюда, обсудим и предложим самое лучшее решение.
@javascript_ru
@js_noobs_ru
@frontend_ru
Каналы:
@defront
@htmlshit
Ищешь чат? @it_chats
ВАЖНО: http://nometa.xyz