如何將文本刷新到表格單元格的頂部/底部

Question

我有一個表格單元格，其中包含文本，但是如何才能將文本刷新到單元格的頂部或底部（上面沒有填充）？我嘗試了垂直對齊，但它仍然不太適合頂級'邊緣'。

我的代碼

<table> 
    <tr> 
     <td class="foo">3.2325</td> 
     <td class="bar">4.5931</td> 
    </tr> 
</table> 

table { 
    border-bottom: 2px solid black; 
    border-collapse: collapse; 
} 
table td { 
    border-top: 1px solid black; 
    border-collapse: collapse; 
    background-color: pink; 
    padding: 0 10px 10px; 
} 
.foo { 
    font: bold 30px arial; 
    border-right: 1px solid black; 
    vertical-align: top; 
} 
.bar { 
    font: normal 16px arial; 
} 

的jsfiddle例如：http://jsfiddle.net/KznxN/2/

Answer 1

取決於你是否希望有更多的上方或下方，你調整取決於 「行高」

例如：

. {foo 
     font: bold 30px arial; 
     border-right: 1px solid black; 
     vertical-align: top; 
     line-height: 24px; 
} 

但是要小心，這會更好地修復你的身高尺寸cell