如何在表格单元格中垂直对齐我的文本？

Question

我已经在很多不同的论坛上搜索了几个小时，但似乎没有人能够得到我需要的答案。如何在表格单元格中垂直对齐我的文本？这样的：但是，如果没有空格

V

Ë

ř

Ť

我

Ç

甲

大号

这里是我的代码：

.VerticalText { 
 
    -ms-writing-mode: tb-lr; 
 
    -webkit-writing-mode: vertical-lr; 
 
    -moz-writing-mode: vertical-lr; 
 
    }

<table width="98%" border="1" style=""> 
 
     <tbody> 
 
     <tr> 
 
      <table width="98%" border="1" style=""> 
 
     <tbody> 
 
     <tr> 
 
      <td rowspan="2">TEXT</td> 
 
      <td rowspan="2">TEXT</td> 
 
      <td colspan="7" align="center">TEXT</td> 
 
      <td rowspan="2">TEXT</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="VerticalText">TEXT</td> 
 
      <td>VERTICAL TEXT</td> 
 
      <td>VERTICAL TEXT</td> 
 
      <td>VERTICAL TEXT</td> 
 
      <td>VERTICAL TEXT</td> 
 
      <td>VERTICAL TEXT</td> 
 
      <td>VERTICAL TEXT</td> 
 
     </tr> 
 
     </tbody> 
 
    </table>

我已经尝试文本方向，textdirection等

我迷路了，有人可以帮忙吗？

Answer 1

你可以用在span文本，使该块元素，并给它一个非常小的width（这样只有一个字母在那里适合），也word-break: break-all;，这样的话实际上打入单个字母。 （我分配了改变.VerticalText类的span元素在我下面的例子）

.VerticalText { 
 
    display: block; 
 
    width: 0.9em; 
 
    word-break: break-all; 
 
}

<table width="98%" border="1" style=""> 
 
    <tbody> 
 
    <tr> 
 
     <table width="98%" border="1" style=""> 
 
     <tbody> 
 
      <tr> 
 
      <td rowspan="2">TEXT</td> 
 
      <td rowspan="2">TEXT</td> 
 
      <td colspan="7" align="center">TEXT</td> 
 
      <td rowspan="2">TEXT</td> 
 
      </tr> 
 
      <tr> 
 
      <td>TEXT</td> 
 
      <td><span class="VerticalText">VERTICAL TEXT</span></td> 
 
      <td><span class="VerticalText">VERTICAL TEXT</span></td> 
 
      <td><span class="VerticalText">VERTICAL TEXT</span></td> 
 
      <td><span class="VerticalText">VERTICAL TEXT</span></td> 
 
      <td><span class="VerticalText">VERTICAL TEXT</span></td> 
 
      <td><span class="VerticalText">VERTICAL TEXT</span></td> 
 
      </tr> 
 
     </tbody> 
 
     </table>