Devrais-je utiliser <br />
et en HTML pour positionner des éléments, ou devrais-je simplement utiliser l'affichage CSS: en ligne avec marge/marge de positionnement et tout style? Quels sont les avantages et les inconvénients des deux?Espaces et nouvelles lignes avec HTML et CSS
Répondre
Utilisez <br>
pour représenter un saut de ligne à l'intérieur d'un élément de bloc et utilisez
pour représenter un espace insécable à l'intérieur d'un élément en ligne. Rien de plus. Pour le reste, il suffit d'utiliser CSS de manière intelligente avec l'aide de sous les propriétés display
, float
, padding
et/ou margin
.
lorsque j'utilise display: inline sur un élément span un autre élément est toujours positionné à droite de l'élément span. Ne devrait-il pas être dans la ligne suivante? – ajsie
@noname: non un 'span' est un élément en ligne et donc l'affichage en ligne ne fait rien. Si vous voulez l'élément sur une nouvelle ligne, utilisez 'display: block'. – prodigitalson
Un 'span' est par défaut déjà en ligne. Utilisez un élément de ligne ou un élément de bloc ou fermez l'élément de bloc parent et démarrez un nouvel élément de bloc. – BalusC
<br />
a ses utilisations, mais si vous vous trouvez en utilisant beaucoup  
, je envisagerais de trouver de meilleurs moyens d'aligner les choses.
est juste moche et maladroit.
S'il s'agit de données tabulaires, utilisez une table. Votre vie sera beaucoup plus heureuse.
S'il ne s'agit pas de données tabulaires, utilisez css, comme le suggère BalusC.
Idéalement, vous devriez placer tout avec css, et utiliser uniquement <br />
(saut de ligne) et à l'intérieur
<p>s
. Mais ce n'est pas un monde idéal;)
il a encore IE 6 dans ... –
<br />
Peut vraiment aller dans les deux sens. Mais si vous vous trouvez à l'utiliser pour ajuster l'espacement des paragraphes ou quelque chose comme ça, alors vous devez vraiment vous demander "est-il une raison pour laquelle Im utilisant des pauses au lieu d'appliquer une classe pour ajuster les marges?
sur l'autre rarement, voire jamais, n'importe quelle sorte de sens en dehors d'un paragraphe (<p />
) et la moitié du temps il n'y a pas beaucoup d'utilisation pour cela comment utiliser text-indent
est préférable pour indenter le premier paragraphe et beaucoup de chigirn des éditeurs partout Je suis complètement opposé au double espace qui précède les senetences sur le web - en ce qui me concerne, c'est une chose uniquement imprimable.
En HTML5, vous avez également la nouvelle http://html5doctor.com/element-index/#w
la réponse est en noir et blanc, cela dépend de votre contenu, parfois, il devrait être
et dans certains cas, de sorte que le contenu sera sur un seul ligne.
si vous voulez comme bloc, vous pouvez utiliser
En utilisant la marge CSS et le rembourrage vous donnera une plus grande flexibilité pour faire des ajustements plus tard.
- 1. Afficher les nouvelles lignes et espaces?
- 2. nouvelles lignes et SimpleUrlHandlerMapping
- 3. iCal4j et les nouvelles lignes
- 4. Nouvelles lignes Eclipse et Windows
- 5. réponse du filtre Zend Framework à bande nouvelles lignes et espaces blancs entre les balises
- 6. Lignes et colonnes automatiques avec CSS
- 7. Nouvelles différences entre C# et JS/HTML
- 8. Lignes et cercles cliquables avec HTML Canvas
- 9. Décapage espaces vides et les nouvelles lignes de chaînes en C
- 10. entité html decode échouent avec les nouvelles lignes textareas
- 11. Styling VB.net Form Avec CSS et HTML?
- 12. Utilisation de CSS et HTML avec MFMailComposeViewController
- 13. Emballage et minimisation HTML et CSS
- 14. : les conseils css et Html
- 15. Skin Twitter HTML et CSS
- 16. HTML et la programmation CSS
- 17. HTML 5 avec sockets CSS 3 et HTML 5
- 18. dreamweaver pour css et html?
- 19. problème ASP/HTML avec des espaces et monofonts
- 20. html grattage et requêtes CSS
- 21. Problèmes d'espacement HTML et CSS
- 22. Sortie souris CSS et HTML?
- 23. Comment faire correspondre l'Alex avec les nouvelles lignes/Haskell
- 24. SQL Insérer les nouvelles lignes et les données de formatage
- 25. programme C, problème avec les nouvelles lignes et onglets à côté de l'autre
- 26. Sql Server: stocker du texte et garder les nouvelles lignes?
- 27. HTML et CSS - Vertical align divs
- 28. Supprimer les nouvelles lignes dans Haskell
- 29. PHP plusieurs nouvelles lignes
- 30. INSERT nouvelles lignes, UPDATE anciennes lignes: comment?
Je sens un argument religieux ... –
Y a-t-il un tag 'blague'? – glomad
ce qui est si drôle avec cette question? – ajsie