• Страница 1 из 1
  • 1
Как отключить тег br при помощи CSS
Kosten
Суббота, 21 Сентября 2019, 03:48 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Иногда нужно отключить перенос строки по br, или просто отключить br, который добавляется с переносом текста. Так как может пригодится в тот момент, когда создаете адаптивную или мобильную версию интернет ресурса.

Так как тег br прописывают перевод строками по месту, чтобы новая строка уже начинала с новой строки, что будет образована ниже. Вообщем иногда нам нужно отключить, чтоб не было больших пробелов, где при Intel мы переносить строку, и все корректно смотрится.

Вообщем идем в CSS и выставляем запрет на тег br

Свойство display: none у br происходит автоматическое отключение, но если вы не сделали самостоятельно пробелы, то получится все слитно в одну или несколько строк, но не одного проболела.

Как пример:

Здесь br выставляем br знаки br чтоб br перевести br все br строки br по br месту.

И выставляем запрет:

Код
br {
display: none;
}

В результате у нас так получиться:

Здесьвыставляемчтобперевестивсестрокипоместу.

Но нам нужны пробелы, которые появятся если текст отформатирован с переносами строк.

Код
<br>Здесь
<br>выставляем
<br>знаки
<br>чтоб
<br>перевести
<br>все
<br>строки
<br>по
<br>месту.

Получается нужный результат.

Здесь выставляем знаки чтоб перевести все строки по месту.

Также есть возможность отключить в форме комментариев или материала, только они могут быть для какой то группы не доступны.

Актуальная тема, это когда переносы строки в самых небольших экранов нужно убрать, где сделать все это в обычный пробел перед знаками.

Также идет отключение br на CSS, только следующим образом:

Код
br {content: ""}
br:after {content: "\00a0"}

Как пишут, что способ со свойством content: " ", то но работает только в Google Chrome, Opera.
Страна: (RU)
Kosten
Понедельник, 23 Сентября 2019, 02:31 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Вы ищете способ удалить все лишние p и br из ваших форм. Контактная форма, это отличный инструмент, но иногда он добавляет немного дополнительного HTML-кода, который вы, возможно, захотите удалить на своих страницах и постах.

Код
p span {
            display: block;
        }
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: