使用table时候发现文字并不居中,大家比较熟悉的CSS样式为text-align,但是在实际的应用中text-align:center
只会横向左右居中,那么td中的文字垂直居中怎么办?可以使用vertical-align:middle;
table文字垂直居中
CSS让table中的文字垂直居中,使用vertical-align:middle;
即可:
td{vertical-align:middle;}
在CSS中添加这个样式就可以垂直居中了,当然如果直接在td上加可以这样写:
1 2 3 4 5 | <table> <tr> <td style=“vertical-align:middle;text-align:center;”>我是文字,我垂直居中</td> </tr> </table> |
上述实例中,文字不仅是左右居中,垂直方向也是居中的。