如何使HTML <button>用CSS？</button>垂直填充表格单元格

Question

如何让HTML <button>用CSS垂直填充表格单元？

我可以使用width:100%使按钮水平填充带有CSS的表格单元格，但height:100%不执行任何操作。

有关示例，请参阅：http://jsfiddle.net/eA5fQ/

谢谢！

Answer 1

您需要以像素为单位指定高度：

height: 100px;

Answer 2

如果您不介意jQuery解决方案：

$('#button1').css('height', $('#button1').parent('td').height());

<强> Live Demo

Answer 3

将height:100%;添加到按钮，并以百分比设置td标记的高度

Answer 4

如果您使用min-height: 1px;以及height: 100%;，它似乎工作正常：http://jsfiddle.net/jJbCd/8/