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


相关文章
|
3月前
多个p标签,并让div“flex”布局,且单行溢出隐藏
多个p标签,并让div“flex”布局,且单行溢出隐藏
47 0
Echarts除了tooltip其它的标签暂时都不支持html情况下label标签加背景图片的美化方案
Echarts除了tooltip其它的标签暂时都不支持html情况下label标签加背景图片的美化方案
146 0
|
前端开发 开发者 容器
DIV 和 SPAN 标签介绍| 学习笔记
快速学习 DIV 和 SPAN 标签介绍。
DIV 和 SPAN 标签介绍| 学习笔记
|
前端开发 JavaScript 开发者
style 标签|学习笔记
快速学习 style 标签
|
开发者
换行和div span标签|学习笔记
快速学习换行和div span标签
179 0
换行和div span标签|学习笔记
HTML5-11(标签水平和垂直居中)
HTML5-11(标签水平和垂直居中)
113 0
HTML5-11(标签水平和垂直居中)
html中table标签及其它标签居中
html中table标签及其它标签居中
412 0
html中table标签及其它标签居中
|
前端开发
Div与Span标签详解
Div与Span标签详解
334 0
div 等块级标签横向排列的方法总结
块级标签的默认文档流是上下排列的,再配上横向排列的方法,请过适当的嵌套,可以应对几乎所有常见的布局需求,因此,我决定总结一下 div 横向排列的方法。这也是我初学前端时最困扰的问题~ 以下面这组 div 为例,wrap 的高度由内容撑开 ...
1389 0

热门文章

最新文章

下一篇
开通oss服务