Question

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

在论坛中有一些帮助我提出了以下想法： http://jsfiddle.net/hr4tkg9q/

我正在使用以下jquery：

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

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

Answer 1

尝试旋转单元格中的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());
  });   
});

我认为这会对你有所帮助试试这个 http://jsfiddle.net/hr4tkg9q/2/

表格单元格中的垂直文本

1 个答案: