<div class="tab-container"><div class="text-container"><div class="ft14">未设置项目经理项目数</div><div class="ft22">59.29 </div><div><span class="ft14">未设置率</span><span class="ft22" style="margin-left: 10px;">123</span></div></div><div class="apply-progress-key apply-progress-key1"><el-progress :percentage="42" :show-text="false"></el-progress></div></div>  .tab-wrapper{display: table;height: 33.33%;width: 100%;}.tab-container{width: 100%;height: 100%;display: table-cell;vertical-align: middle;.text-container{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 10px;}.ft14{font-size: 14px;color: #FFFFFF;}.ft22{font-size: 22px;color: #FFFFFF;}}```其中重点内容是 一个table 父元素  再包一个 table-cell  再里面才是两个div  需要垂直居中的

一个div里面包含两个div让两个div垂直居中相关推荐

  1. 按要求编写一个Java应用程序:(1)定义一个类,描述一个矩形,包含有长、宽两种属性,和计算面积方法。(2)编写一个类,继承自矩形类,同时该类描述长方体,具有长、宽、高属性

    (1)定义一个类,描述一个矩形,包含有长.宽两种属性,和计算面积方法. public class Jvcs {private int Long; //长private int wide; //宽pub ...

  2. 定义一个类,描述一个矩形,包含有长、宽两种属性,和计算面积方法。

    题目: 按要求编写一个Java应用程序: (1)定义一个类,描述一个矩形,包含有长.宽两种属性,和计算面积方法. (2)编写一个类,继承自矩形类,同时该类描述长方体,具有长.宽.高属性, 和计算体积的 ...

  3. 实现一个行内三个div等分_一个div,包含三个小的div,平均分布的样式

    从11月份开始,自学前端开发,写静态页面中,经常用到一个大的div下包含三个小的div,平均分布div大小样式,写过多次,也多次忘记,每次都要现找资料,不想之后,在这么麻烦,索性今天自己记录一下,方便 ...

  4. js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置?,css,前端 - phpStudy...

    父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构 如图img加上float 子元素div显示正常. 不加float div显 ...

  5. div横排 html_HTML+CSS-如何定义让两个div横向排列

    方法一: 一般情况,默认的div是写一个换一行,那么如何定义两个div横向排列而不换行呢? div默认的display属性是block.所以每一个div都是新的一行,现在把display换成inlin ...

  6. html把div分成两栏,div+css制作上中下,中间两列的全屏自适应布局

    制作自适应布局的网页对初学者是个难点,今天我们以最常见的上中下结构,中间又分为两列的全屏自适应布局为例,教大家如何制作自适应布局网页. 上中下结构,中间又分为两列的全屏自适应布局HTML代码: 上中下 ...

  7. div 左右并排,使用CSS如何让两个div并排显示

    用CSS如何让两个DIV盒子并排体现呢? 各人知道默认情况下DIV是独占一排的,DIV不设置任何CSS格局,这个DIV盒子都邑独有一行踊跃换行. 运用CSS让两个DIV并排闪现,排成一排显示思空见贯方 ...

  8. div+CSS实现段落首行缩进两个字符(text-indent标签)

    div+CSS实现段落首行缩进两个字符 段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符. 应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进 ...

  9. Java黑皮书课后题第6章:6.9(英尺和米之间的转换)编写一个类,包含如下两个方法:编写一个测试程序,调用这两个方法以显示下面的表格

    6.9(英尺和米之间的转换)编写一个类,包含如下两个方法:编写一个测试程序,调用这两个方法以显示下面的表格 题目 题目概述与运行示例 破题 代码(本题) 题目 题目概述与运行示例 6.9(英尺和米之间 ...

  10. HTML为什么图片会自动在中间,html中怎么让一个图片(img)在大于父容器(div)的情况下仍中间部份居中...

    html中怎么让一个图片(img)在大于父容器(div)的情况下仍中间部份居中以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下 ...

最新文章

  1. php 1到9加,php通过排列组合实现1到9数字相加都等于20的方法
  2. NVIDIA Jetson TX2使用
  3. php service原理,轻松搞懂WebService工作原理
  4. 张亚勤:领导者的3种能力
  5. 本地文件夹如何断开svn连接
  6. Linux系统安全学习手册
  7. 关于pagehelper分页
  8. AJPFX关于多态的应用
  9. 交换两个整形变量的数值
  10. Maven学习之 仓库镜像
  11. Maven(3)---Maven POM
  12. 008 - vue node rem
  13. Maven传递依赖冲突解决(版本冲突)
  14. 21接力题典1800 数一 重积分 P46 T18
  15. 算法:罗马数字转整数
  16. ORA-28001: the password has expired解决
  17. 基于感应器的智能求救系统----以android为例实现
  18. 华为的全闪存存储之路
  19. QT css样式 详解
  20. yyyy/mm/dd变成yyyy-mm-dd

热门文章

  1. 肥学献礼——自动写诗
  2. 计算机学生的高职英语课程,高职计算机英语课程教学方法探索
  3. 金蝶kiss专业版财务软件下载。
  4. C++使用Socks5协议进行代理上网(一)
  5. 计算机声卡电路分析,几款经典简单的声卡话筒功放电路分析
  6. webService简单概念
  7. 批处理删除文件夹命令_批处理文件夹命令
  8. 批处理删除文件夹下所有文件和文件夹
  9. 找到某个关键字 同义词词林 python_python基础——标识符
  10. Kali渗透测试之五社会工程学