How to set vertical text in css

How to set vertical text in css: 1. Realize a single vertical text through attributes such as "word-wrap: break-word;"; 2. Realize through attributes such as "writing-mode: tb-lr" Multi-line vertical text; 3. Use "rotate(90deg);" to achieve overall vertical layout.

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, DELL G3 computer

Several simple ways to achieve vertical text layout with CSS

The following introduces several methods of using Css to achieve vertical text layout:

1. The vertical arrangement of a sentence

is shown in the figure:

      
      
      
      
    
我是竖列排版
  
    
I AM ENGLISH
    

2. Multiple sentences arranged vertically (such as ancient poems)

As shown:

      
      
      
      
    
欲话毗陵君反袂，欲言夏口我沾衣。谁知临老相逢日，悲叹声多语笑稀。
  
    
I AM ENGLISH
  

3 .The fonts are horizontal and the overall layout is vertical

as shown in the picture:

##

    
    

    
欲话毗陵君反袂
    
ENGLISH

css video tutorial"

The above is the detailed content of How to set vertical text in css. For more information, please follow other related articles on the PHP Chinese website!