Как отключить тег br

Зачастую в мобильных версиях сайта перенос текста тегом <br> только мешает, исключить его влияние можно несколькими способами.

1

Свойство display: none у <br> отключает его, но если между словами нет пробелов получается следующее:

Тег<br>устанавливает<br>перевод<br>строки<br>в<br>месте<br>где<br>находится.
HTML
br {
	display: none;
}
CSS

Результат:

Пробелы появятся если текст отформатирован с переносами строк.

Тег
<br>устанавливает
<br>перевод
<br>строки
<br>в
<br>месте
<br>где
<br>находится.
HTML

Результат:

Еще есть способ со свойством content: " ", но работает только в Google Chrome, Opera.

Тег<br>устанавливает<br>перевод<br>строки<br>в<br>месте<br>где<br>находится.
HTML
br {
	content: " ";
}
CSS

Результат:

2

Можно вырезать тег с помощью регистронезависимой функцией str_ireplace().

$text = 'Тег<br>устанавливает<br>перевод<br>строки<br>в<br>месте<br>где<br>находится.';
echo str_ireplace(array('<br>', '<br/>', '<br />'), ' ', $text);
PHP

Или регулярным выражением:

$text = 'Тег<br>устанавливает<br>перевод<br>строки<br>в<br>месте<br>где<br>находится.';
echo preg_replace('/<br>|<br\/>|<br \/>/i', ' ', $text);
PHP
16.09.2019
10476
Предыдущая запись Верстка списка с отточием
Следующая запись CSS стили для placeholder

Комментарии

, чтобы добавить комментарий.

Другие публикации

Повышение результатов PageSpeed Insights
Сборник советов как поднять оценку в PageSpeed Insights.
14873
+3
Номер телефона на сайте
В последнее время нельзя пренебрегать кликабельными номерами телефонов т.к. количество клиентов, использующих мобильные телефоны превысило десктопы.
110734
+9
Описание мета-тегов
В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
26431
+4
Как преобразовать текст из textarea в параграфы HTML
Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.
7104
+3
Извлечение данных с помощью регулярных выражений PHP
Получение данных с помощью функций preg_match и preg_match_all.
39581
+9
Обрезка текста для анонса
В случаях где анонсы не заполнены, сформировать и вывести их можно несколькими способами...
7885
+4