table内的文字如何居中?CSS控制td文字垂直居中

  • A+
所属分类:HTML&CSS
2021服务器优惠

阿里云:2核2G5M服务器60元/年、2核4G 200元/年、4核8G服务器365元一年、8核16G5M 更多...
腾讯云:腾讯云2核4G服务器8M带宽74元/年,更多1c2g/2c4g/2c8g/4c8g/8c16g/16c32g...

使用table时候发现文字并不居中,大家比较熟悉的CSS样式为text-align,但是在实际的应用中text-align:center只会横向左右居中,那么td中的文字垂直居中怎么办?可以使用vertical-align:middle;

table文字垂直居中

CSS让table中的文字垂直居中,使用vertical-align:middle;即可:
td{vertical-align:middle;}

在CSS中添加这个样式就可以垂直居中了,当然如果直接在td上加可以这样写:

上述实例中,文字不仅是左右居中,垂直方向也是居中的。

2021云服务器价格出炉,便宜有好货!
① 阿里云:阿里云2核2G服务器5M带宽60元一年起(有高配)
② 代金券:阿里云代金券限量发放中...(有账号就能领)
③ 腾讯云:腾讯云2核4G服务器8M带宽74元一年(更多配置报价查看)
④ 免费提供技术支持:在线客服

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: