остановите тег br, порвав с CSS

Есть ли способ остановиться
ломка признака, используя только CSS?

Я попробовал br {display:none} whick работы, но это также избавляется от пространства между этими двумя словами, которые я должен держать.

Это только для WebKit (iPhone), таким образом, любая феерия CSS3 очень хорошо.

Я не могу отредактировать содержание от CMS, таким образом, просто удаление признака, к сожалению, не является возможностью для меня.

Спасибо!

26
@R.Chen Сделал вас получить это отсюда?:)
добавлено автор Jezen Thomas, источник
Действительно ли JavaScript - возможность? Это было бы тривиально...
добавлено автор Basic, источник
@xFortyFourx Doesn' t, кажется, работают... jsfiddle.net/JFkDy
добавлено автор Basic, источник
Я проверил много комбинаций стилей, но единственная вещь, что я нашел работы, состоит в том, чтобы заменить br , элемент с пространством через сценарий, как Основной говорит. Или, удостоверьтесь, что у вас есть некоторый пробел вокруг
(например, CRLF после каждого), таким образом, можно сделать display:none .
добавлено автор Mr Lister, источник
Любопытный образец упреждающего отклонения решения вашей проблемы - R.Chen
добавлено автор sehe, источник
Этот isn' t возможный сделать. Единственный путь к ' remove' с CSS должен показ: ни один это. Это означает что вы тогда can' t используют : прежде / : после псевдоотборщики, чтобы попытаться добавить содержание (неразрывный пробел) в HTML. jsfiddle.net/NrcFL
добавлено автор boz, источник
пространство между 2 словами? Как
вставка пространства между словами? Или вы имели в виду разрывы строки?
добавлено автор KBN, источник
ах, затем попробуйте это: br {показ: действующий блок; право края: 5 пкс;} .
добавлено автор KBN, источник
Печально я can' t используют JavaScript здесь... единственное оружие, которое я имею, статический файл CSS
добавлено автор NathanBarley, источник
То, что я имею в виду,
должен стать пространством. Если HTML

привет там </ p> тогда br {display:none} останавливает там быть пространством между этими двумя словами

добавлено автор NathanBarley, источник

7 ответы

Следуя ответы здесь, это предотвращает
признак, прерывающий и Хром и IE:

br {
    content: " ";
    display: none;
}
21
добавлено
Требуемое решение должно "заменить
с пространством" который это решение, к сожалению, doesn' t делают.
добавлено автор Ejaz, источник
Но это не вставляет мест.
добавлено автор acme, источник
Да, но упомянутый OP, он по существу хочет преобразовать
к пространству, которое не делает ваше решение. Кроме того, содержание собственность только относится прежде и после псевдоэлементы.
добавлено автор acme, источник
Вы просто помещаете пространство в HTML прежде или после
признак, правильно? Так Фу
бар
будет похож на Foobar , но Фу
бар
будет похож на бар Фу . Странно, Фу
бар
не сохраняет пространство в IE...
добавлено автор Shane, источник
Возможно, это isn' t в настоящее время возможный на основе различных комментариев здесь. На ли это 100% послушно, я могу уверить вас, что этот CSS проверен в и рабочий поперечный браузер, чтобы предотвратить разрыв строки.
добавлено автор Shane, источник

Хорошо, много позже некоторой игры вокруг я нашел решение, которое я разделю с вами. Кажется, что возможно управлять
признак полностью с CSS

br кнопки {содержание": "; тело border:1px #fff; background:red; padding:50px;}/* независимо от того, что вам нравится */

кнопка br:after {содержание": ";}

HTML -

<button>the annoying
tag is gone leaving a controlable space</button>

Не уверенный, как взаимный браузер это, но он работает в WebKit и iPhone, который на данный момент является всем, в чем я нуждаюсь.

8
добавлено
+1, Хотя этот isn' t поперечный браузер, это кажется OP, ищет что-то, что работает в браузерах WebKit, таким образом, это могло бы быть достаточно. В любом случае добро пожаловать в ТАК
добавлено автор Basic, источник
Это работает на хром, но не IE.
добавлено автор BentOnCoding, источник

Это работало на меня:

br {content: ""}
br:after {content: "\00a0"}
6
добавлено

As mentioned by boz in the comments on the OP, this isn't going to be possible. Either the
is visible (in which case, it's a carriage return) or it's not in which case you have no control over it through CSS.

Основная проблема здесь состоит в том, что вы используете неправильный инструмент для работы - вы хотите изменить структуру DOM, который является областью JavaScript (в клиенте, по крайней мере).

An alternative which doesn't require Javascript or a change to the CMS would be to set up a server to proxy the requests and strip the
tags as it passes through the document but it seems like overkill

3
добавлено

Почему бы не использовать:

br {
    content: " "; /* Remove break */
    margin-right: 6px; /* Set space between text blocks */
}
3
добавлено
Этот doesn' t работают в Firefox также
добавлено автор Ejaz, источник
Возможно, потому что это doesn' t работают в IE?
добавлено автор Shane, источник
До сих пор это - самый близкий ответ, чтобы выполнить требования если вы don' t заботятся очень о IE
добавлено автор Mike Garcia, источник
content: " ";
padding-right: 5px;//ok, same as margin-right
1
добавлено
В то время как этот фрагмент кода может решить вопрос, включая объяснение действительно помогает улучшить качество вашего поста. Помните, что вы отвечаете на вопрос для читателей в будущем, и те люди не могли бы знать причины вашего кодового предложения. Пожалуйста, также попытайтесь не переполнить свой код пояснительными текстами, это уменьшает удобочитаемость и кода и объяснений!
добавлено автор Machavity, источник

Посмотрите Ignore
with CSS?
. Одно из решений - этот (который является лучшим, по-моему),

br  {
    content: ' '
}
br:after {
    content: ' '
}
0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)