失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 【CSS】使HTML页面表格中文字水平且垂直居中的方法(易错)

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

时间:2022-01-10 22:17:55

相关推荐

【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页面表格中文字水平且垂直居中的方法(易错)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。