Comment faire le passage de texte de haut en bas dans le CSS?

Personne ne sait comment rendre le texte aligner en haut-de-bas dans une div.

DONC même pas permettez-moi de le démontrer . . . Je veux juste les lettres d'empiler les uns sur les autres dans une ligne verticale vers le bas de la page comme les histoires d'un bâtiment. Espérais, je n'ai pas besoin de le faire avec une image.

OriginalL'auteur Kenneth Johns | 2009-02-04

  1. 10

    Pour faire les lettres de haut en bas tout en conservant leur orientation normale, comme ceci:

    F

    O

    O

    HTML:

    <div class="toptobottom">letters</div>

    CSS:

    .toptobottom{
  width: 0;
  word-wrap: break-word;
}

    word-wrap permet de mots pour être cassé dans le milieu, ce qui permettra de rendre les lettres de haut en bas. Il est également très bien pris en charge: https://developer.mozilla.org/en-US/docs/CSS/word-wrap

    Merci pour cette! J'ai trouvé que le développement de Japonais toujours nous ramener à l'essentiel.

    OriginalL'auteur NJCodeMonkey

  2. 5

    Html:

    <div class="bottomtotop">Hello!</div>

    Css:

    .bottomtotop { transform:rotate(270deg); }
    à l'aide de la propriété transformation permettra à votre flux de texte de votre conteneur
    Son changement de l'orientation de lettres qui n'est pas nécessaire en question.

    OriginalL'auteur Berker Yüceer

  3. 0

    En fonction de votre taille de la police, d'ajuster en conséquence:

    <div style='width:12px'>a b c d</div>

    OriginalL'auteur Diodeus - James MacFarlane

  4. 0

    NJCodeMonkey réponse était proche.

    Pour moi, j'ai eu à utiliser word-break. C'est un peu différent de word-wrap:break-word;

    Donc il devrait ressembler à ceci.

    HTML:

    <div class="VerticalText">LongTextWithNoSpaces</div>

    CSS:

    .VerticalText
{
   width: 1px;
   word-break: break-all;
}

    Cela a fonctionné pour moi sous Firefox 24, IE 8 et IE 11.

    OriginalL'auteur Dan