如何绘制竖排文字

Question

就像这样:</P> <P>这</P> <P>是</P> <P>一</P> <P>个</P> <P>例</P> <P>子</P> <P>主要是考虑到括号等字符,难道一定要自己写???

Answer 1

一：下面的代码可以实现--让文字从上到下再从左到右排列 <style> .layer { writing-mode:tb-rl; filter: flipv(); } p { filter: flipv(); width: 20px; height: 100%px; margin: 0px; } </style> <div class="layer"><p>文字从上到下</p><p>再从左到右排列</p></div> 二：下面的代码可以实现--让文字从上到下再从右到左排列 代码： <DIV style="WRITING-MODE:tb-rl;TEXT-ALIGN:left"><p>文字</p></div> 解释：writing-mode：文字的写入模式 tb-rl：从上到下，从右到左；依此类推你也可以让文字从上到下再从左到右排列，键入tb-lr就行了 text-align是文本对齐，左对齐、右对齐还是居中，这个在文本编辑页面上就可以选择的。

Answer 2

楼上说的确实可以实现你那个效果，但是”主要是考虑到括号等字符“这句话 是不是说 如果有括号的话不换行呀？ 只是一个一个的汉字才换行呢？