div标签中的span标签,多行文字水平,垂直居中

简介: div标签中的span标签,多行文字水平,垂直居中

自定义css:


tr td div{
      background-image: url("${bdcdjUrl}/static/img/loginElement.jpg");
      background-size: 100%;
      width: 180px;
      height: 180px;
      margin: 0 auto;
      cursor: pointer;
      text-align: center;
      display: table; //重点
  }
  tr td div span{
      display: table-cell; //重点
      vertical-align: middle; //重点
      font-size: 20px;
  }


效果:

20210226152038825.png


相关文章
|
6月前
html中div内容居中的方法使用弹性盒子居中
html中div内容居中的方法使用弹性盒子居中
57 0
|
1月前
多个p标签,并让div“flex”布局,且单行溢出隐藏
多个p标签,并让div“flex”布局,且单行溢出隐藏
27 0
div盒子水平垂直居中以及表格的居中的方法
div盒子水平垂直居中以及表格的居中的方法
146 0
|
前端开发 开发者 容器
DIV 和 SPAN 标签介绍| 学习笔记
快速学习 DIV 和 SPAN 标签介绍。
DIV 和 SPAN 标签介绍| 学习笔记
|
前端开发
将div铺满body三种方式
将div铺满body三种方式
315 0
|
前端开发 JavaScript 开发者
style 标签|学习笔记
快速学习 style 标签
|
开发者
换行和div span标签|学习笔记
快速学习换行和div span标签
168 0
换行和div span标签|学习笔记
html中table标签及其它标签居中
html中table标签及其它标签居中
396 0
html中table标签及其它标签居中
|
Web App开发 容器
Div并排显示
Div并排显示