etozhematvekat
@etozhematvekat
Вряд ли Вы не сможете ответить на мой вопрос.

Как сделать так, что бы текст с пробелами выходил за пределы div?

Делаю сайт с адаптивной версткой на Бутстрап. В одном из col-md есть номер, но он в него не влезает целиком. Номер с пробелами просто переносится на нижнюю строку, а надо, что бы он выходил за пределы дива.

PS. Если еще и подскажете вариант как это можно красиво оформить( уползающий за иконку, например) без нарушения построения сайта, то буду очень рад.
  • Вопрос задан
  • 1399 просмотров
Решения вопроса 2
PavelMonro
@PavelMonro
В Css white-space: nowrap;
Ответ написан
@oops-wrong
Чтобы пробелы не переносились можно использовать т. н. неразрывний пробел  .
Можно использовать CSS-правило на запрет переноса любых пробелов white-space: nowrap;. Точно такого же эффекта можно добиться используя HTML-тег nobr.
Чтобы текст красиво адаптировался можно использовать CSS-правило text-overflow: ellipsis;. Если его использовать вместе с white-space: nowrap;, то в конце будет добавлено троеточие.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
05 нояб. 2024, в 16:31
500 руб./за проект
05 нояб. 2024, в 16:24
5000 руб./за проект
05 нояб. 2024, в 16:12
10000 руб./за проект