6
votes

Frontière autour du texte multiline dans un div (HTML / CSS)

Je veux avoir une frontière autour du texte multiline, j'ai: xxx

Maintenant, lorsque la portée s'étend sur plusieurs lignes, la bordure est créée autour de chaque ligne de texte que je ne veulent pas arriver - je vis une frontière autour d'un bloc entier, le texte étant en ligne (Affichage: Bloc / Bloc en ligne Ne faites pas le travail correctement).

y a-t-il un manière de réaliser cela sans jouer avec JavaScript?


2 commentaires

Ce n'est pas clair que veux-tu? Où sont les lignes multiples dont vous parlez? Je vois une ligne, aucun
impliqué.


Il semble que vous voulez juste qu'un bloc de texte multiligne soit inlincé. C'est à dire. une inline div avec son propre paragraphe. À droite?


3 Réponses :


0
votes

Utiliser

au lieu de . Cela pourrait corriger le problème.

0 commentaires

4
votes

envelopper la chaîne entière dans une div et le régler pour afficher: Inline-Block. XXX


5 commentaires

Ou utilisez

, au lieu d'appliquer l'affichage: bloc à la portée.


Errrr ... Supprimez également cette étiquette de proximité que j'ai oublié de retirer de votre texte lorsque je l'ai collé ... Celui juste après le "bla bla bla".


Oui, j'ai remarqué. Cependant, je viens de tester votre solution et le résultat est le même - chaque ligne a une bordure sur le dessus et sur son fond.


Ou c'est dans un bloc que je ne veux pas arriver;)


Atterri ici des années plus tard ... et

travaillé! Je devais ajouter le ! IMPORTANT en raison du conflit avec un autre paramètre CSS, ce qui peut avoir été le problème d'Effigiem avec cette solution.



0
votes

Qu'en est-il d'utiliser une inline div au lieu d'une portée?

.inline-border {border: 1px solid black;display:inline}


1 commentaires

Nope, la frontière est toujours en bas et sur toutes les lignes.