CSS几种简单方法实现文字竖向排版
1.一个句子的竖向排列 如图: 1. 2. [html] view plain copy <!DOCTYPE html > < html > < head > < title >test </ title > < meta charset= "UTF-8" > </ head > < style > .one { width: 20px; margin: 0 auto; line-height: 24px; font-size: 20px; } .two { width: 15px; margin: 0 auto; line-height: 24px; font-size: 20px; word-wrap: break-word;/*英文的时候需要加上这句,自动换行*/ } </ style > < body > < div class= "one" >我是竖列排版 </ div > < div class= "two" >I AM ENGLISH </ div > </ body > </ html > 2.多个句子竖向排列(如古诗) 如图: 1. 2. 3. [html] view plain copy <!DOCTYPE html > < html > < head > < title >test </ title > < meta charset= "UTF-8" > </