DIV 竖排

cxxlp 2010-03-31 07:46:24

DIV 如何竖排文字：

文字如下： abcedfghijklmn

...全文

86 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

餅餅 2010-03-31

打赏
举报

回复

<div style="layout-flow:vertical-ideographic; text-align:center; width:100px; height:300px;">abcedfghijklmn</div>

火狐下不行

用CSS+DIV实现的模排以及竖排菜单，包括源代码，可以参照，与成自己想要的！

用Javascript+CSS+DIV实现的选项卡，非常不错，有横排选项和竖排选项两种可供参考，内涵了简单的CSS和JS脚本，并以DIV层展示。

竖排目录导航，自动浮现二级目录，DIV和CSS

在word、excel中可以轻松的实现文字竖排的形式，但是在html页面中呢？现今我有了这种需要，我想要的效果如下：复制代码代码如下: 这不是被美工嵌在的文字，而是通过div加上的，该当如何来实现此功能呢？别告诉我里面弄俩div，每个div宽度与字体一样，一个div一列，这样或许能实现，但太低端了，不是我们技术迷应该追求的，也不是应该提倡的。问过美工和另一位资深（猜想）开发者，他们都不太清楚如何实现。很正常，因为这个功能不常用到，很少有人会关注到。我心中却坚信，html+css不会连这样的简单功能都没有，怀着这样的信念，我开始了多次百度查找，发现css中确实有那么个属性是管这个的。 w

样式表的文字处理属性中有两个重要的属性：writing-mode和text-align。让我们先看看它们的用法：　　1. writing-mode（设置对象书写方向）　　语法：writing-mode : lr-tb、tb-rl　　参数：lr-tb：从左向右，从上往下　tb-rl：从上往下，从右向左　　示例： CSS Code复制内容到剪贴板 div { writing-mode: tb-rl; } 　　2. text-align（设置对象中文本的对齐方式）　　语法：text-align : left、right、center、justify 　　参数：left：左对齐　

21,886

社区成员

140,364

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章