【CSS】使HTML页面表格中文字水平且垂直居中的方法(易错) | 您所在的位置:网站首页 › html表格中的字体颜色怎么设置 › 【CSS】使HTML页面表格中文字水平且垂直居中的方法(易错) |
问题出现
因为是td直接写的文字,并不是套了标签才写,水平居中很清楚就是text-aline: center; 但是垂直居中始终没有得到很好地解决,查找了网上的样式是vertical-align: middle; 试了一下没有效果,很苦恼。 解决办法最后我终于发现了问题= =我太蠢了,失败是因为我的table是直接从bootstrip上引入的,它有样式的权重问题,只要在后面加个!importan 就成功了。 table td{ text-align: center; /*设置文字水平居中*/ height: 60px; vertical-align: middle!important; /*设置文字垂直居中*/ } 效果图 |
CopyRight 2018-2019 实验室设备网 版权所有 |