问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何使table里文字高度不一致的文字垂直居中？

头像
诺诺
    825

    请问如何使table文字高度如何居中？我用table写的表格，被微信小程序转换成了view元素，见图①但是样式没有多大影响，因为有使用border用flex的align-item时会出现高度不统一见图②，用height和line-height我的文字高度不确定，有的文字1行有的2行3行，见图③,明显可以看出数字85没有和文字进行垂直居中，见图④，请有经验或者可以给出意见的小伙伴给我帮助，谢谢。又或许，是不是应该用grid写这个表格呢？我只是了解一点，无从下手，现在基本上是flex+table这样写的，

    image.png
    image.png
    image.png
    image.png

    我的线上代码地址，屏幕宽度基准为375px
    地址1:codepen
    地址2:jsbin

    前端csstable居中样式
    阅读 2k
    1 个回答
    得票最新
    头像
    诺诺
      825
      ✓ 已被采纳

      解决了，就是把最里面的td元素都用上

      display:flex;
align-item:center;justify-content: center;

      之前知道这个，但是因为是table我以为displayflex没作用，就没往这边想

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题