Comment modifier la hauteur d'un <br> ?

Question

J'ai un grand paragraphe de texte qui est divisé en sous-paragraphes avec des noms de domaines. <br> 's :

<p>
  Blah blah blah.
  <br/>
  Blah blah blah. Blah blah blah. Blah blah blah.
  <br/>
  Blah blah blah.
</p>

Je veux élargir l'écart entre ces sous-paragraphes, comme s'il y avait deux <br> ou quelque chose comme ça. Je sais que la bonne façon de faire est d'utiliser <p></p> Mais pour l'instant, je ne peux pas modifier cette mise en page, et je cherche donc une solution uniquement en CSS.

J'ai essayé de régler <br> 's line-height y height con display: block J'ai également fait des recherches sur Google et sur Stack Overflow, mais je n'ai pas trouvé de solution. Est-ce possible sans modifier la mise en page ?

Answer 1

Css :

br {
   display: block;
   margin: 10px 0;
}

Cette solution n'est probablement pas compatible avec tous les navigateurs, mais elle a le mérite d'exister. Vous pouvez également envisager de définir line-height :

line-height:22px;

Pour Google Chrome, envisager réglage content :

content: " ";

Sinon, je pense que vous êtes coincé avec une solution JavaScript.

Answer 2

Voici la solution correcte qui en fait est compatible avec tous les navigateurs :

  br {
        line-height: 150%;
     }

Answer 3

Un autre moyen consiste à utiliser un RH . Mais, et c'est là que le bât blesse, rendez-le invisible.

Ainsi :

<hr style="height:30pt; visibility:hidden;" />

Pour faire une pause plus propre BR simulé en utilisant le HR : Btw fonctionne dans tous les navigateurs !!!

{ height:2px; visibility:hidden; margin-bottom:-1px; }

Answer 4

Je viens d'avoir ce problème, et je l'ai contourné en utilisant

 <div style="line-height:150%;">
    <br>
</div>
 

Answer 5

Pour autant que je sache <br> n'est pas ont une hauteur, il force simplement un saut de ligne. Ce que vous avez, c'est un texte avec des sauts de ligne en plus de ceux de l'auto-wrap, no alinéas. Vous pouvez modifier l'interligne, mais cela affectera toutes les lignes.