关于竖排文字垂直居中的问题

sldtk1 发布于 2008-11-03 14:12， 2633 次点击

一般情况下，都只用横排文字的垂直居中，但是竖排文字怎么实现呢？请指教，谢谢！

8 回复

kai2008-11-03 15:46

想到两个方法。

方法一：用photoshop 做一个背景图，将文字竖排进去，保存该图片，然后在html中放入这张图就可以了。

方法二：用div 设置一个区域，然后用<br /> 强迫文字换行。
比如：
<div style="margin-left:1em;">
竖<br />
排<br />
文<br />
字<br />
测<br />
试<br />

</div>

sldtk12008-11-03 16:06

呵呵，这些都考虑过，不过还是想从css或js技术上解决这个问题。。。

kai2008-11-03 16:11

你的话不太明白。

是没有达到效果还是什么其他？

sldtk12008-11-03 17:55

呵呵，这样虽然可以达到目的，但是总觉得不够完善，如果字有五百行或更多怎么办，不能老写这些吧，所以想通过一个脚本来实现

kai2008-11-03 18:36

既然你说功能可以达到，那么你上面所说的就是一个页面自动生成的问题。

这个问题其实不难解决。如果你会php的话，那么就可以自己写一个函数，由该函数来实现这个自动换行功能。

先将你要竖排的文字放入一个string 中，然后逐个取字，然后在其后面加上<br />, 并输出就可以了.

kai2008-11-03 18:38

如果只是几个字, 那么就没有必要通过函数来实现了, 完全可以通过手写代码.

nicechlk2008-11-04 01:35

恩，有道理

music3d2011-07-04 17:46

如果是IE浏览器，通过一个CSS属性可以改变“writing-mode:tb-rl;”火狐和WebKit内核浏览器不支持。