网页设计文字排版代码

以前我也遇到过这个问题,整了好长时间才发现position:relative;这个属性的,你试一下!我已经试过了!

一、使用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;”这句实现标点自动换行(连续字符自动换行)。

在html中使文字水平剧中的属性是align=center，垂直居中需要使用css中的line-height属性。