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


相关文章
|
5月前
html中div内容居中的方法使用弹性盒子居中
html中div内容居中的方法使用弹性盒子居中
47 0
|
前端开发 开发者 容器
DIV 和 SPAN 标签介绍| 学习笔记
快速学习 DIV 和 SPAN 标签介绍。
215 0
DIV 和 SPAN 标签介绍| 学习笔记
|
前端开发
将div铺满body三种方式
将div铺满body三种方式
307 0
|
前端开发 JavaScript 开发者
style 标签|学习笔记
快速学习 style 标签
158 0
|
开发者
换行和div span标签|学习笔记
快速学习换行和div span标签
164 0
换行和div span标签|学习笔记
HTML5-11(标签水平和垂直居中)
HTML5-11(标签水平和垂直居中)
102 0
HTML5-11(标签水平和垂直居中)
html中table标签及其它标签居中
html中table标签及其它标签居中
385 0
html中table标签及其它标签居中
|
前端开发
Div与Span标签详解
Div与Span标签详解
307 0
|
前端开发
div 居中方法汇总
居中问题无论在工作还是在面试中, 都是很常见的 下面我来给大家总结几种常用的方法, 大家可根据实际情况选择 好了, 废话不多说, 先看下效果 法1 定位+偏移 (margin) html css .
1045 0