Jquery 表格单元格中的垂直文本

如何正确设置某些表格单元格以垂直显示文本

在论坛的帮助下，我想出了以下想法：

我正在使用以下jquery：

$(document).ready(function () {
    $('td.rotate').css('height', $('td.rotate').width());
});

---

问题是，它正确地设置了第一列中的垂直文本，而不是第二列或第三列。如果您能提供帮助，我们将不胜感激。

尝试在您的单元格中旋转一个div，而不是在单元格中旋转

<tr>
 <td>    
  <div class='rotate'>
   G
  </div>
 </td>

 ....

我想这对你有帮助 试试这个

---

也许您应该给垂直单元格指定其他单元格的高度宽度和其他单元格的宽度高度？我无法指定高度。高度取决于我尝试过的文本的大小，但高度太小。单元格的高度应与单元格文本的大小相同：

$(document).ready(function () {
  $('tr').each( function() {
    $(this).find('td.rotate').css('height', $(this).find('div.rotate').width());
  });   
});