自定義jQuery圖表中的文本對齊

Question

我的頁面很好，而且大部分看起來很棒。我遇到的最大問題是列標題中的旋轉文本錯誤對齊。我如何去「鋪設」文字。正如你在小提琴中看到的那樣，它從盒子中間開始出界。我想把它放在箱子的底部，但不知道如何。

我的旋轉功能運作良好，並保持列寬度我需要的方式。

.r90 span { 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg); 
    font-family:verdana; 
    display:inline-block; 
    white-space:nowrap; 
    width: 30px; 
} 

我的CSS字段拉長它。

th { 
height: 550px; 
} 

http://jsfiddle.net/michaela_elise/CFNHP/

那麼，和我如何調整文本的位置？我無法弄清楚了我的生活：P

Answer 1

你只需要在容器上指定垂直對齊方式：

.r90 { 
    vertical-align: bottom; 
} 

您還可以添加一些填充到<span>元素的左側，爲了留有一定的空間容器和文本之間：

.r90 span { 
    padding-left: 1em; 
} 

你會發現一個更新的小提琴here。