Задать вопрос
@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
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик HTML
MST
от 450 $
Баннермейкер (html-5)/дизайнер-верстальщик/motion-дизайнер
BYTIME
от 130 000 ₽
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Адаптивная верстка лендинга
18 янв. 2025, в 09:18
5500 руб./за проект
Лендинг
18 янв. 2025, в 07:20
50000 руб./за проект
C++, добавление логики в шахматы на SFML
18 янв. 2025, в 03:12
1000 руб./за проект
Ещё заказы