web-dev-qa-db-fra.com

Comment laisser de l'espace en HTML

Je sais que HTML est insensible à l'espace. Mais que puis-je utiliser pour faire des espaces vides entre des mots, ou des phrases. J'ai essayé <p></p> ce type de balises, mais le code HTML l'omet automatiquement.

Quelqu'un peut-il me donner des exemples de codes?

16
Zack

Vous pouvez utiliser &nbsp; , autrement dit un Espace insécable .

Il s’agit essentiellement d’un espace standard, la principale différence étant qu’un navigateur ne doit pas casser (ni mettre en boucle) une ligne de texte au point occupé par ce &nbsp;

30
techie007
&nbsp;

Cela vous donnera l'espace que vous recherchez.

14
Joe S

Comme d'autres personnes ont déjà répondu, $nbsp; générera un caractère d'espacement non-break. Voici w3 docs pour &nbsp et autres .

Cependant, il existe d'autres moyens de le faire et de nos jours, je préférerais utiliser CSS stylesheets . Il y a aussi tutoriels w3c pour débutants .

Avec CSS, vous pouvez le faire comme ceci:

<html>
    <head>
        <title>CSS test</title>
        <style type="text/css">
            p { Word-spacing: 40px; }
        </style>
    </head>
    <body>
        <p>Hello World! Enough space between words, what do you think about it?</p>
    </body>
</html>
4
Sampo Sarrala

La balise "pre" définit le texte préformaté. Il préserve les espaces et les sauts de ligne.

<!DOCTYPE html>   
 <html>
        <body>
            <pre>This paragraph will be      pre-formatted. 
I hope this helps! 
All spaces will                    be shown as it is in the original file.
            </pre>
        </body>
 </html>
3
Rajesh Surana

"Insensible à l'espace" est une simplification excessive. Une description plus précise est que des caractères d'espacement consécutifs (espaces, tabulations, nouvelles lignes) sont équivalents à un seul espace, dans le contenu normal.

Vous créez des espaces vides entre des mots à l'aide de caractères d'espacement: «Bonjour tout le monde». Si vous voulez plus d’espace, vous devriez considérer ce que vous faites, car dans le contenu textuel normal, cela n’a aucun sens. Pour spacing elements , utilisez les propriétés CSS margin.

Pour obtenir des exemples de codes utiles, vous devez décrire un problème spécifique, tel que le balisage et une description du rendu souhaité.

2
Jukka K. Korpela

Pour ajouter espace insécable _ ou espace réel à votre texte dans html, vous pouvez utiliser l'entité caractère &nbsp;.

 

2
Raktim Biswas

Si vous cherchez un retrait de paragraphe, vous pouvez choisir la déclaration 'indentation de texte' en CSS.

<!DOCTYPE html>   
 <html>
        <head>
            <style>
                p { text-indent: 50px; }
            </style>
        </head>
        <body>
            <p>This paragraph will be indented by 50px. I hope this helps! Only the first line will be indented.</p>
        </body>
    </html>
0
Rajesh Surana

Utilisez un symbole d’espace littéral non coupant (oui, vous pouvez le copier/coller), une entité HTML ou, si vous avez affaire à un gros bloc préformaté, utilisez white-space propriété CSS .

0
Oleg V. Volkov

Si vous souhaitez laisser un espace vide dansHTMLlors de l'édition du site Web, utilisez simplement <br /> et copiez-le sous le dernier. J'espère que ça aide.

0
Ands