Можете ли вы нацелить <br /> с помощью CSS?

Question

Возможно ли нацелить тег перевода строки <br/> с помощью CSS?

Я хотел бы иметь пунктирную линию в 1px каждый раз, когда есть разрыв строки. Я настраиваю сайт со своим собственным CSS и не могу изменить установленный HTML, иначе я бы использовал другой способ.

Я не думаю, что это возможно, но, возможно, есть способ, о котором кто-то знает.

Answer 1

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

br{
    content: '.';
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed black;
}

с этим исправлением вы также можете удалять BR на веб-сайтах (просто установите ширину 0px)

Answer 2

Я поместил тег <br> в тег <span> и смог использовать display:none; на <span> для контроля, когда не следует использовать тег <br> с помощью Media Queries.

Answer 3

Почему бы просто не использовать тег HR? Это сделано именно для того, что вы хотите. Вроде как пытаться приготовить вилку для супа, когда перед вами на столе ложка.

Answer 4

Это будет работать, но только в IE. Я проверял это в IE8.

br {

  border-bottom: 1px dashed #000000;
  background-color: #ffffff;
  display: block;
  }