【CSS】使HTML页面表格中文字水平且垂直居中的方法（易错）

本文主要是介绍【CSS】使HTML页面表格中文字水平且垂直居中的方法（易错），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题出现

因为是td直接写的文字，并不是套了标签才写，水平居中很清楚就是text-aline: center; 但是垂直居中始终没有得到很好地解决，查找了网上的样式是vertical-align: middle； 试了一下没有效果，很苦恼。

解决办法

最后我终于发现了问题= =我太蠢了，失败是因为我的table是直接从bootstrip上引入的，它有样式的权重问题，只要在后面加个！importan 就成功了。

table td{text-align: center;  /*设置文字水平居中*/height: 60px;vertical-align: middle!important;  /*设置文字垂直居中*/}

效果图

这篇关于【CSS】使HTML页面表格中文字水平且垂直居中的方法（易错）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---