实现元素纵向排列主要靠 css 的 writing-mode 属性和 float 属性。
设置 writing-mode 值为 vertical-lr , 可以使所有子元素纵向排列。
此时发现里面的子元素仍旧是横向排列，但文字变纵向了
再加上 float: left 让元素左排。
此时，元素已经变成纵向排列了，但由于未限制高度，元素将无限向下排列。同时子元素的文字排列方式也变成了纵向。
在给列表加一个高度。并重新设置子元素 writing-mode 属性便可解决
此时效果已经完成，但还有一个奇怪的问题
在添加到某个位置元素直接会跳到这列最后一个，不知这个问题为何会产生，但是在给子元素添加一个宽度后，bug 便神奇的好了。。
总结: writing-mode 是一个很长久的 css 属性了，新的值 vertical-lr 在大部分现代浏览器都已支持，在古老的 ie9 以下，也可用 lr 代替,所以这种实现方式是可兼容的。只是注意某些浏览器需要 --webkit- 或 --ms- 前缀。
writing-mode 属性 --MDN
问题一：在Word里面怎么设置把字竖着打出来？ 可以通过页面布局――文字方向――垂直来设置把字垂直排列。
问题二：请问怎样在excel中设置字体竖着放 右键――设置单元格格式――对齐――方向――选择一下――确定。
问题三：excel怎么把文字变成竖着的？ 选中你要修改的那一格，点击格式―单元格―对齐―方向，把里面的方向改成左边的竖排文本就可以了！
问题四：如何让word字体竖立 一、整个页面的字体都竖立
单击页面布局----文字方向----垂直即可，如图所示。
二、局部文本竖立
1、单击插入----形状----竖排文本框工具；
2、拖动鼠标，在页面上绘制出一个竖排文本框，在文本框中即可输入的文字即为竖排文字。
问题五：怎么把word字体变成竖行？ 页面设置，改成横向应该就是你要的效果了。
问题六：PS里边怎样让文字竖着打出来 点一下T钮，右键-里面就有竖排模式
问题七：在excel中怎么把文字竖着显示 选中这个写入文字的单元格---右键----设置单元格格式----对齐---方向---写入90(或-90)或调整指针到90度的位置,再或者点击文本两字,这三种方法你都试一下,使用你要的样式----确定
问题八：怎样把excel表格里的字体竖立起来 按 Ctrl+1 键
看图吧 直观点
选择竖排 然后确定
问题九：在电子表格中，怎样让字体竖向显示？？ 1、打开需要编辑的excel文档。
2、先左键双击需要数列排版的单元格，然后右键点击该单元格，在对话框里找到“设置单元格格式”。
3、在打开的对话框的最上方一列对菜单栏中，第二个选项是”对齐“，然后用鼠标左键点击对齐，会出现相应的对话框。
4、有个蓝色字体的“方向”选框，点击下面的竖排”文本“选项，再按确认。
5、这时候横排文字，就自场变成竖排文字了。
问题十：在css中如何让字体竖着表现 一、使用writing-mode属性
语法：writing-mode:lr-tb或writing-mode:tb-rl
参数：
1、lr-tb：从左向右，从上往下
2、tb-rl：从上往下，从右向左
运行代码发现，IE显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。
二、模拟文字竖排
代码：
ul{width:100pxheight:80pxoverflow:hiddenlist-style:none}
ul li{float:rightdisplay:inlinemargin-left:4pxwidth:14pxheight:100pxfont-size:14pxword-wrap:break-wordword-break:nomal}
此方法让li右浮动，设置li宽度和字宽度一样都是14px，这样就自动换行了。另外，“word-wrap:break-wordword-break:nomal”这句实现标点自动换行（连续字符自动换行）。
