Question Espace tabulation au lieu de plusieurs espaces insécables ("nbsp")?


Est-il possible d'insérer un caractère de tabulation en HTML au lieu de devoir taper   quatre fois?


813
2017-10-15 11:03


origine


Réponses:


C'est beaucoup plus propre à utiliser CSS. Essayer padding-left:5em ou margin-left:5em le cas échéant à la place.


499
2017-10-15 11:06



Cela dépend du jeu de caractères que vous voulez utiliser.

Il n'y a pas d'entité de tabulation définie dans ISO-8859-1 HTML - mais il y a quelques caractères d'espaces autres que   tel que  ,  ,et  .

En ASCII, 	 est un onglet.

Ici est une liste complète des entités HTML et une discussion utile sur les espaces blancs sur Wikipédia.


1164
2017-10-15 11:11



Non, l'onglet est juste un espace en ce qui concerne HTML. Je recommanderais un em-space à la place qui est ce grand (-> <-) et est entré comme &emsp;. Vous pourriez même être en mesure d'utiliser le caractère Unicode si vous êtes chanceux.


191
2017-10-15 11:07



& emsp; Est la réponse.

Cependant, ils ne seront pas aussi fonctionnels que vous pourriez vous attendre si vous avez l'habitude d'utiliser des tabulations horizontales dans les traitements de texte, par ex. Word, Wordperfect, Open Office, Wordworth, etc. Ils ont une largeur fixe et ne peuvent pas être personnalisés.

CSS vous donne beaucoup plus de contrôle et fournit une alternative jusqu'à ce que le W3C fournisse une solution officielle.

Exemple:

padding-left:4em 

..ou..

margin-left:4em 

..approprié

Cela dépend du jeu de caractères que vous voulez utiliser.

Vous pouvez configurer des balises de tabulation et les utiliser de la même façon que vous utiliseriez les balises h.

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

... et utilisez-les comme ça:

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tabulation example</title>

        <style type="text/css">
            dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
            tab1 { padding-left: 4em; }
            tab2 { padding-left: 8em; }
            tab3 { padding-left: 12em; }
            tab4 { padding-left: 16em; }
            tab5 { padding-left: 20em; }
            tab6 { padding-left: 24em; }
            tab7 { padding-left: 28em; }
            tab8 { padding-left: 32em; }
            tab9 { padding-left: 36em; }
            tab10 { padding-left: 40em; }
            tab11 { padding-left: 44em; }
            tab12 { padding-left: 48em; }
            tab13 { padding-left: 52em; }
            tab14 { padding-left: 56em; }
            tab15 { padding-left: 60em; }
            tab16 { padding-left: 64em; }

        </style>

    </head>

    <body>
        <p>Non tabulated text</p>

        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>

    </body>

</html>

Exécutez l'extrait ci-dessus pour voir un exemple visuel.

Discussion supplémentaire

Il n'y a pas d'entités de tabulation horizontales définies dans ISO-8859-1 HTML, cependant il y a d'autres caractères d'espaces blancs disponibles que d'habitude &nbsp, par exemple; &thinsp;, &ensp; et le susdit &emsp;.

Il est également important de mentionner qu'en ASCII et Unicode, &#09; est une tabulation horizontale.


163
2017-11-17 16:52



Essayer  &emsp;

C'est équivalent à quatre &nbsp;s.


63
2018-05-05 07:31



Il n'y a vraiment aucun moyen facile d'insérer plusieurs espaces à l'intérieur (ou au milieu) d'un paragraphe. Ceux qui suggèrent que vous utilisez CSS manquent le point. Vous ne pouvez pas toujours essayer d'indenter un paragraphe d'un côté mais, en fait, en essayant de placer des espaces supplémentaires dans un endroit particulier de celui-ci.

En substance, dans ce cas, les espaces deviennent le contenu et ne pas le style. Je ne sais pas pourquoi tant de gens ne le voient pas. Je suppose que la rigidité avec laquelle ils essaient d'imposer la séparation du style et de la règle de contenu (HTML a été conçu pour faire les deux depuis le début - il n'y a rien de mal à définir occasionnellement le style d'un unique élément en utilisant des balises appropriées sans avoir à passer beaucoup plus de temps sur la création de feuilles de style CSS et il n'y a absolument rien d'illisible quand il est utilisé avec modération. Il y a aussi quelque chose à dire pour être capable de faire quelque chose rapidement.) Se traduit par la façon dont ils ne peuvent considérer les caractères d'espaces comme étant utilisés que pour le style et l'indentation.

Et quand il n'y a pas de façon élégante d'insérer des espaces sans avoir à compter sur &emsp; et &nbsp; tags, je dirais que le code résultant devient beaucoup plus illisible que s'il y avait une balise nommée de manière appropriée qui vous aurait permis d'insérer rapidement un grand nombre d'espaces (ou si, vous le savez, les espaces n'étaient pas consommés inutilement endroit).

Comme il est cependant, comme cela a été dit ci-dessus, votre meilleur pari serait d'utiliser &emsp; insérer au bon endroit.


50
2018-06-15 20:58



Il vaut mieux utiliser le pré marque. le pré La balise définit le texte préformaté.

<pre>
 This is
preformatted text.
It preserves      both spaces

and line breaks.

</pre>

en savoir plus sur le pré-tag à ce lien


41
2017-08-29 17:35



Je suis tombé sur ceci en cherchant une méthode et j'ai fini par trouver la mienne qui semble fonctionner facilement pour ce qui est voulu. Je suis nouveau à poster ici, donc j'espère que cela fonctionne ... Mais avez ceci en CSS:

span.tab{
    padding: 0 80px; /* Or desired space*/
}

Ensuite, dans votre HTML, ce sera votre "long onglet" à la mi-phrase comme j'avais besoin:

<span class="tab"></span>

Économise de la quantité de &nbsp; ou &emsp; que tu aurais besoin

J'espère que cela aidera quelqu'un, à votre santé!


40
2017-10-26 17:11



&emsp;, &ensp;, &#8195; ou &#8194; peut être utilisé.

W3 dit ...

The character entities &ensp; and &emsp; denote an en space and an em space respectively, where an en space is half the point size and an em space is equal to the point size of the current font. 

Lire la suite sur W3.org pour HTML3

En savoir plus sur W3.org pour HTML4

Encore plus à Wikipédia


18
2018-05-15 21:51



AFAIK, le seul moyen est d'utiliser

&nbsp;

Si vous pouvez utiliser CSS, vous pouvez utiliser un remplissage ou une marge. Voir Modèle de boîte, et pour Internet Explorer, lisez aussi Bug de modèle de boîte Internet Explorer.


14
2017-10-15 11:06



Si les espaces deviennent cette important, il peut être préférable d'utiliser du texte préformaté et la balise <pre>.


8
2017-10-15 11:09