Как перенести input на новую строку css

Атрибуты

Устаревшие атрибуты

Определяет, где начинается следующая строка после перевода строки.

Стилизация с CSS

Элемент
имеет единственную цель – создать разрыв линии в блоке текста. Таким образом, он не имеет размеров или визуального стиля как такового. Есть всего несколько свойств, которые вы можете стилизовать.

Вы можете установить значение margin на
чтобы увеличить расстояние между линиями в блоке, но это плохая практика – лучше использовать свойство line-height для этой цели.

Примеры

Простой br

В следующем примере мы используем элемент
для разрыва линий в почтовом адресе:

br /> 331 E. Evelyn Avenuebr /> Mountain View, CAbr /> 94041br /> USAbr /> 

Результат будет выглядеть так:

Проблемы доступности

Разделять абзацы в тексте, используя
не только плохая практика, но и проблема для людей, которые используют программы чтения с экрана. Программы чтения могут сообщать о наличии элемента, но не содержимом в
. Это может привести к путанице и разочарованию для человека, использующего программу чтения с экрана.

Техническая сводка

• Категории контентаОсновной поток, текстовый контент.
• Разрешённое содержимое Отсутствует, это пустой элемент.
• Пропуск теговДолжен иметь открывающий тег, но не закрывающий тег. В XHTML документах элемент пишется как
  .
• Допустимые родительские элементы Любой элемент, который поддерживает текстовый контент.
• Интерфейс DOMHTMLBRElement

Спецификации

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

• Элемент
• Элемент

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

• Product help
• Report an issue

Our communities

Developers

• Web Technologies
• Learn Web Development
• MDN Plus
• Hacks Blog

• Website Privacy Notice
• Cookies
• Legal
• Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Как сделать перенос строк для длинного поля Input?

Помогите пожалуйста!
Нужно сверстать бухгалтерский документ с возможностью его заполнения в браузере. Намучался с input. Никак не сделать перенос на новую строку. Пробовал решение autosize-input, текст смещается только на первой строке, начиная со второй строки далее текст печатается до бесконечности в 1 строку. Как сделать, чтобы он и далее переносился в конце каждой строки?
Прикрепляю скрин. Надеюсь на Вашу помощь)
Благодарю!

• Вопрос задан более трёх лет назад
• 18012 просмотров

Перенос на новую строку input и label вне тэга form

Хочется перенос строк после метки, а писать br некрасиво. Что порекомендуете?

Отслеживать

задан 9 дек 2011 в 8:49

1,238 2 2 золотых знака 12 12 серебряных знаков 30 30 бронзовых знаков

Закатайте строки в div’ы.

9 дек 2011 в 8:56

Ну а более изящного варианта не существует? Я тогда не знаю чем div-ы лучше br

9 дек 2011 в 8:57

div-ы можно стилизовать (например: отступами), br — просто перенос строки.

9 дек 2011 в 9:15

Я имею в данной ситуации))) я знаю в чем принципиальная разница div и br))

9 дек 2011 в 9:25

Более изящный вариант: закатайте строки в p. Будет семантично, плюс с возможностью стилизации.

9 дек 2011 в 10:16

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

С или без него разницы ни какой. Можно сделать (вариант 1):

 .check-label  Word - Текстовый процессор  Excel - Редактор электронных таблиц 

Или, вариант 2 (достаточно мутный, так как float:left для inline элементов н всегда хорошо работает):

 .check-button Word - Текстовый процессор Excel - Редактор электронных таблиц