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


相关文章
HTML中marquee标签的属性之多少?
HTML中marquee标签的属性之多少?
62 0
|
8月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
|
前端开发 开发者 容器
DIV 和 SPAN 标签介绍| 学习笔记
快速学习 DIV 和 SPAN 标签介绍。
196 0
DIV 和 SPAN 标签介绍| 学习笔记
|
前端开发
将div铺满body三种方式
将div铺满body三种方式
289 0
|
前端开发 JavaScript 开发者
style 标签|学习笔记
快速学习 style 标签
152 0
|
开发者
换行和div span标签|学习笔记
快速学习换行和div span标签
152 0
换行和div span标签|学习笔记
HTML5-11(标签水平和垂直居中)
HTML5-11(标签水平和垂直居中)
100 0
HTML5-11(标签水平和垂直居中)
html中table标签及其它标签居中
html中table标签及其它标签居中
371 0
html中table标签及其它标签居中
标签之美六——滚动字幕的应用
标签之美六——滚动字幕的应用
181 0
标签之美六——滚动字幕的应用