当前位置:  开发笔记 > 前端 > 正文

div内td-垂直对齐:中间。不工作

如何解决《div内td-垂直对齐:中间。不工作》经验,为你挑选了1个好方法。

我知道这个问题有很多答案,但是我找不到解决我问题的好答案。

因此,我在TD内有一个div。我想要的只是将div设置到td的中间,是的,就是这么简单!

为了方便起见,我添加此图像:

.tdClass{
  vertical-align:middle;
}
    
.divClass{
  display:inline;
  vertical-align:middle;
}
first field:
VERTICAL CENTER???

Syam Pillai.. 5

用于display: flex较大的表格数据字段。

这是更新的代码。

HTML和CSS

.tdClass{
  vertical-align:middle;
}

.divClass{
  display:inline;
  vertical-align:middle;
}
.text-section{
  display: flex;
  align-items: center;
}
.divClass{
  font-size: 12px;
}
first field:
VERTICAL CENTER???

这是更新的演示



1> Syam Pillai..:

用于display: flex较大的表格数据字段。

这是更新的代码。

HTML和CSS

.tdClass{
  vertical-align:middle;
}

.divClass{
  display:inline;
  vertical-align:middle;
}
.text-section{
  display: flex;
  align-items: center;
}
.divClass{
  font-size: 12px;
}
first field:
VERTICAL CENTER???
推荐阅读
惬听风吟jyy_802
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有