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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка overlay-приложения для Android
26 апр. 2024, в 12:40
150000 руб./за проект
Небольшое приложение реакт. Корзина для интернет магазина
26 апр. 2024, в 12:34
5000 руб./за проект
Разработка AR приложения для наложения ресниц (прикреплено ТЗ)
26 апр. 2024, в 12:28
1500 руб./в час
Ещё заказы