//方法一:使用height属性设置行高 table tr { height: 50px; }
使用height属性可以直接设置tr的高度,从而改变表格行的高度。需要注意的是,如果同时使用了cellpadding和cellspacing属性,height属性设置的高度会受到这两个属性的影响。
//方法二:使用line-height属性设置行高 table tr td { line-height: 50px; }
使用line-height属性可以将tr行高设置为td单元格的高度,改变单元格的高度也会影响表格行的高度。如果单元格中有内容,line-height属性也会影响内容的垂直居中。
在使用以上两种方法时,需要注意如下几点:
- 如果表格中某行的td单元格高度不一致,会导致表格行高不一致,造成视觉上的不整齐。
- 如果设置了行高,表格行内的内容如果超出了行高,会直接溢出,给用户带来阅读困难。