Gestion de l'espacement avec BR

Question

Mes utilisateurs utilisent Telerik Rad Editor pour créer du contenu. Le contenu ressemble à un sens dans l'éditeur (le "bon" moyen) et quand il est rendu à travers IE, il semble différent (faux).

Ils feront quelque chose comme ça (source HTML ci-dessous)

<table><tr> 
    <td>Some content here <br/><br/></td> 
</tr> 
<tr> 
    <td>And some other here <br/><br/></td> 
</tr> 
<tr> 
    <td>And finally some here too <br/><br/></td> 
</tr> 
</table> 

Ainsi, la sortie ressemble à ceci quand il est rendu dans IE

Certains contenus ici

Et un autre ici

Et enfin certains ici aussi

Et ce qu'ils veulent est de montrer les deux espaces après chaque ligne, il est donc plus comme

Certains contenus ici

Et un autre ici

Et enfin certains ici aussi

Ils veulent voir deux lignes d'espace ... Puis-je contrôler cela avec CSS du tout?

Answer 1

Vous pouvez régler la hauteur de tr en CSS:

tr { height: 60px; } 

Cela fonctionne pour moi dans FF, mais je ne sais pas si cela va fonctionner dans tous les navigateurs - CSS et tableaux ne généralement pas s'entend bien. Si vous rencontrez des problèmes, vous pouvez mettre une div à l'intérieur de votre tds et définir la hauteur là.

Answer 2

Vous ne devriez pas vraiment utiliser br pour contrôler l'espacement. Vous devez utiliser des éléments de niveau bloc avec une marge ou un remplissage, ou des éléments en ligne/en bloc avec une hauteur de ligne appropriée pour générer l'espacement souhaité. un br est une rupture douce comme shift+return dans un traitement de texte. Vous devriez seulement utiliser br pour déplacer quelque chose à la ligne suivante pour des raisons de rupture de ligne dans le contexte du flux de texte, pas pour des raisons de structure visuelle. /typesetting-rant

Je voudrais configurer l'éditeur de texte enrichi pour envelopper les éléments de façon appropriée pour générer l'espacement des blocs. Je ne connais pas vraiment le contexte des données dans votre table mais le choix par défaut serait un élément p en supposant qu'il s'agit en fait de paragraphes entiers de texte. Si ce n'est pas le cas, il peut y avoir des éléments plus appropriés comme un div ou un span réglé sur display: block;. Si d'autre part, ils le font pour obtenir une taille de table particulière au lieu de contrôler réellement l'espace entre les lignes de texte à l'intérieur des cellules alors cela devrait être géré avec des CSS appliqués directement aux éléments de table suggérés par Kale.