Задать вопрос
@rango
html

Как пофиксить переполнение контента в поле для ввода информации?

Передали в работу front end разработку нескольких сложных страниц и возник вопрос, связанный с защитой полей от переполнения контента.
Вопрос - Как пофиксить две ситуации (на скриншотах) и есть ли где примеры решения?

переносить длинные слова
d695a6561fce4aa391f6dc8d3e57a5ed.png

запретить делать много отступов.
b0693321a7c3430bb42edd2a60cd94dc.png
  • Вопрос задан
  • 650 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
Symphony
@Symphony Куратор тега CSS
Скажите, пожалуйста, возможно ли пофиксить две ситуации, на скриншотах?

Да.
9e6c8d26f2e14acda03cecc25664443a.gif
Ответ написан
5 комментариев
5 комментариев
EvgeniyKvasyuk
@EvgeniyKvasyuk
Это для первого случая
p {white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */}

Во втором случае возможно вот так
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
     p {
        display: inline-block;
        margin:0;
        padding:0;
     }
    </style>
</head>
<body>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
</body>
</html>

но тогда тогда пененести на новую строку насильно будет пробелматично, это если не использовать js
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сверстать десктоп версию сайта в tailwind
22 нояб. 2024, в 06:06
1500 руб./в час
Создать TG бота
22 нояб. 2024, в 06:04
1 руб./за проект
Тестирование модуля ElasticSearch через ftp
22 нояб. 2024, в 03:54
1500 руб./за проект
Ещё заказы