如何将文本刷新到表格单元格的顶部/底部

我有一个表格单元格，其中包含文本，但是如何才能将文本刷新到单元格的顶部或底部（上面没有填充）？我尝试了垂直对齐，但它仍然不太适合顶级'边缘'。如何将文本刷新到表格单元格的顶部/底部

我的代码

<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/

来源

2013-07-09 calebo

您可以调整'line-height'属性。 – Schmalzy

请参阅[这里]（http://jsfiddle.net/KznxN/3/） – Schmalzy

像那样http://jsfiddle.net/KznxN/5/？（但我不知道为什么这有效） –

取决于你是否希望有更多的上方或下方，你调整取决于 “行高”

例如：

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

但是要小心，这会更好地修复你的身高尺寸cell

来源

2013-07-10 00:25:23 GilbertOOl

如何将文本刷新到表格单元格的顶部/底部

回答

相关问题