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


相关文章
|
存储 Shell 编译器
makefile 变量赋值方式
makefile 变量赋值方式
438 1
|
JavaScript
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
|
Shell 开发工具 git
|
算法
动态规划算法学习三:0-1背包问题
这篇文章是关于0-1背包问题的动态规划算法详解,包括问题描述、解决步骤、最优子结构性质、状态表示和递推方程、算法设计与分析、计算最优值、算法实现以及对算法缺点的思考。
913 2
动态规划算法学习三:0-1背包问题
|
资源调度 JavaScript
Vue2拖拽插件(vuedraggable)
这篇文章介绍了如何在Vue 3框架中使用`vuedraggable`插件来实现拖拽功能,并提供了插件的安装、配置和事件处理的示例。
1897 1
Vue2拖拽插件(vuedraggable)
|
缓存 前端开发 JavaScript
高效开发现代 Web 应用:从前端到后端的最佳实践
在开发现代 Web 应用时,前端和后端技术的选择对项目的性能、可维护性和用户体验至关重要。本文将探讨如何通过现代工具和框架来优化前端和后端开发流程。我们将分析前端技术(如 React 和 Vue.js)与后端技术(如 Node.js 和 Django)的集成,并提供实际案例来展示如何实现高效开发。无论是对新手还是经验丰富的开发者,本指南都提供了宝贵的洞见和实用的技巧,以帮助提高开发效率并构建出色的 Web 应用。
|
存储 安全 前端开发
在前端开发中需要考虑的常见web安全问题和攻击原理以及防范措施
在前端开发中需要考虑的常见web安全问题和攻击原理以及防范措施
1950 0
|
Linux 数据处理 开发工具
Linux命令RepoManage详解
Repo是Google为大型项目开发的Git管理工具,用于多仓库同步和管理,常用于Android开发。它基于一个manifest文件协调Git仓库。主要命令包括`init`、`sync`、`start`和`upload`。例如,`repo init -u https://android.googlesource.com/platform/manifest`初始化项目,`repo sync`同步代码。使用`repo forall`可配合Git命令在所有仓库执行操作,如切换分支。注意网络、版本和权限问题,并遵循最佳实践进行高效管理。
|
Shell Android开发 Java