227 votes

Ignorer les différences blancs ?

Y a-t-il quelque chose en HTML/CSS qui indique au navigateur d’ignorer l’espace blanc complètement ?

Tant de fois quand vous voulez mettre, disons, deux images juxtaposées - vous tentez désespérément de garder le code HTML lisible, mais le navigateur met un espace entre eux.

Ainsi, au lieu de quelque chose comme ceci :

vous vous retrouvez avec ceci

Qui est tellement horrible !

204voto

Boldewyn Points 29961

Oh, vous pouvez vraiment facile accomplir qu’avec une seule ligne de CSS:

Inconvénient, me demanderez-vous ? Aucun navigateur n’a encore implémenté cette fonctionnalité extrêmement utile (pensez à blocs inline en général). :-(

Ce que j’ai fait de temps en temps, même si c’est moche comme la nuit est sombre, consiste à utiliser les commentaires :

118voto

Umesh Points 521

vous pouvez définir la du **conteneur** à et le `` disparaît !

49voto

Guffa Points 308133

Les navigateurs ne ignorer les espaces dans la plupart des cas, quand il est à côté d'un élément de type block.

Le problème avec les images (dans ce cas), c'est qu'ils sont des éléments en ligne, alors vous pouvez les écrire sur des lignes séparées, ils sont en fait des éléments sur la même ligne avec un espace entre eux (comme le saut de ligne compte comme un espace). Il serait incorrect pour le navigateur afin de supprimer les espaces entre les images, écrire les balises d'image avec des sauts de ligne entre eux devraient être traitées de la même façon que l'écriture de l'image de tags sur la même ligne avec des espaces entre eux.

Vous pouvez utiliser les CSS pour rendre les images des éléments de bloc et les faire flotter à côté de l'autre, qui résout beaucoup de problèmes avec de l'espace, l'espace entre les images et l'espacement sur la ligne de texte ci-dessous des images.

38voto

Jon Grant Points 7560

Malheureusement, nombre de sauts de ligne comme caractères d’espace.

La meilleure solution, je suis venu avec consiste à utiliser l’espace blanc à l’intérieur des balises eux-mêmes, plutôt qu’à l’extérieur :

Il n’est pas idéal, non plus, je sais. Mais au moins il n’est pas quelques hack CSS bizarre qui dépend de la taille d’un caractère d’espace est rendu ou ayant recours aux positionnement relatif, ou JavaScript  :)

16voto

Ozzy Points 4358

Ce qui a été si difficile sur cette solution ?

CSS

html

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X