comment empêcher l'affichage des espaces dans le code html

Question

Disons que nous avons même 2 balises d'entrée avec la différence suivante dans le code html:

Exemple 1

<input type="text" id="v1" value="value 1"><input type="text" id="v2" value="value 2">

Exemple 2

<input type="text" id="v1" value="value 1">

<input type="text" id="v2" value="value 2">

Ces deux exemples produisent une sortie différente, au moins sur mon PC et mon navigateur Chrome qui est [la version 52.0.2743.116 m (64 bits)]. Il y a une sorte d'espace entre ces deux entrées! Il semble que le navigateur convertisse une nouvelle ligne dans l'espace. Mais même cela n'est pas vrai parce que si vous faites plus d'une nouvelle ligne entre les entrées dans la source cet espace sera toujours juste un espace!

Est-ce que quelqu'un sait pourquoi est-ce le cas ???

Si oui, indiquez le navigateur (et la version) que vous utilisez. Oh, oui, john_h était assez pour rendre le code this au violon

Merci ...

Answer 1

Le problème est que l'espace blanc entre les deux entrées est rendu. Tout espace blanc (sauts de ligne, tabulations, espaces) entre les entrées sera rendu en tant qu'espace unique par le navigateur. Pour résoudre ce problème, vous pouvez définir la taille de police à 0 sur un élément parent.

Pour e.g:

<div class="block"> 

<input type="text" id="v1" value="value 1"><input type="text" id="v2"value="value 2"> 
<input type="text" id="v1" value="value 1"> 

<input type="text" id="v2" value="value 2"> 
</div> 

CSS:

.block { 
font-size: 0; 
} 

Cela montrera pas d'espace entre les entrées u ajouter dans l'élément parent que la taille de la police est mis à zéro. J'espère avoir été capable de clarifier vos doutes. Merci.

Answer 2

je crois que lorsque le navigateur le rendu de votre site Web, il ne considère pas le/r/n (ce qui provoque une nouvelle ligne fichier 1) en tant que nouvelle ligne, à la place, il rend le/r/n en tant qu'espace blanc (et vous utilisez <br /> pour traiter une nouvelle ligne). En outre, vous utilisez   pour représenter un espace si vous souhaitez créer plus d'un espace.

Answer 3

Ces devrait produire le même regard dans un navigateur, si vous avez un lien vers un violon, vous pouvez l'envoyer au-dessus ou vous pouvez jeter un oeil à ceci: https://jsfiddle.net/john_h/0mz8afyd/1/

Une chose que vous pouvez rencontrer est pas avoir les étiquettes fermées. Par exemple, ceci:

< input type="text" id="v1" value="value 1" > 

< input type="text" id="v2" value="value 2" > 

est différent de celui-ci:

<input type="text" id="v1" value="value 1" /> 

<input type="text" id="v2" value="value 2" /> 

et pas non plus y compris les espaces entre les "<" et "entrée".

Si vous souhaitez que ces deux lignes différentes lignes, il suffit d'ajouter un <br/> après votre première entrée.

<input type="text" id="v1" value="value 1" /> 
<br/> 
<input type="text" id="v2" value="value 2" />