layout-flow:vertical-ideographic
你把你代码发上来看看
一般在做导航栏的时候会使用浮动，这样就能将div放到一行里去了
你的意思是word上面的那种竖直排版吧，好像css中还没有这样的属性，不过你可以用div布局，这样来实现：
layout-flow:vertical-ideographic
以前我也遇到过这个问题,整了好长时间才发现position:relative;这个属性的,你试一下!我已经试过了!
一般在做导航栏的时候会使用浮动，这样就能将div放到一行里去了
用宽度把文字挤成竖的
一、使用writing-mode属性 语法：writing-mode:lr-tb或writing-mode:tb-rl 参数： 1、lr-tb：从左向右，从上往下 2、tb-rl：从上往下，从右向左运行代码发现，IE显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。 二、模拟文字竖排 代码：ul{width:100px;height:80px;overflow:hidden;list-style:none;}ul li{float:right;display:inline;margin-left:4px;width:14px;height:100px;font-size:14px;word-wrap:break-word;word-break:nomal;} 此方法让li右浮动，设置li宽度和字宽度一样都是14px，这样就自动换行了。另外，“word-wrap:break-word;word-break:nomal;”这句实现标点自动换行（连续字符自动换行）。
一、使用writing-mode属性语法:writing-mode:lr-tb或writing-mode:tb-rl参数:1、lr-tb:从左向右，从上往下2、tb-rl:从上往下，从右向左运行代码发现，IE显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。二、模拟文字竖排代码:ul{width:100px;height:80px;overflow:hidden;list-style:none;}ulli{float:right;display:inline;margin-left:4px;width:14px;height:100px;font-size:14px;word-wrap:break-word;word-break:nomal;}此方法让li右浮动，设置li宽度和字宽度一样都是14px，这样就自动换行了。另外，“word-wrap:break-word;word-break:nomal;”这句实现标点自动换行(连续字符自动换行)。
床前明月光
以前我也遇到过这个问题,整了好长时间才发现position:relative;这个属性的,你试一下!我已经试过了!
我的理解的你得问题是：css如何？用什么软件编辑？css简单易学，记住常用的代码，灵活运用，你就可以写出好看的网页了至于所用的编辑器，个人使用的是webstorm
看看书 然后按着书上说的把自己的代码 整理整理就行了 那有什么优化工具啊
能不能说清楚一点
竖排的话可以是可以，以前做过，但是存在兼容问题。通过css hack可以解决，但是个人觉得不如做成图片省事。一般竖排文字很少是用于阅读用吧，所以装饰用的话，做个GIF就够用了，然后在title或者alt中加上图片上的文字，便于浏览器采集那，个人建议
以前我也遇到过这个问题,整了好长时间才发现position:relative;这个属性的,你试一下!我已经试过了!
layout-flow:vertical-ideographic
看你想怎么排了，倒着，竖着，横着，你想怎么排就怎么排
div设置固定宽度。第二行，设置三个span