设置span在div中垂直居中

转自:https://blog.csdn.net/weirenkuan/article/details/51177695

使用display:table-cell,span中内容无论多少,都可以垂直居中

<div style="display:table-cell;height:100px;font-size:12px;font-height:14px;vertical-align:middle;text-align:center">

  <span>

    ceshiceshi

  </span>

</div>

另外,有设置line-height等于外面div的height方法,但是无法正常显示太长的内容

 

另:设置div在div中的位置:https://blog.csdn.net/buyaoxx/article/details/77850575

posted @   习惯沉淀  阅读(72206)  评论(2编辑  收藏  举报
编辑推荐:
· ASP.NET Core - 日志记录系统(二)
· .NET 依赖注入中的 Captive Dependency
· .NET Core 对象分配(Alloc)底层原理浅谈
· 聊一聊 C#异步 任务延续的三种底层玩法
· 敏捷开发:如何高效开每日站会
阅读排行:
· 终于决定:把自己家的能源管理系统开源了!
· C#实现 Winform 程序在系统托盘显示图标 & 开机自启动
· 了解 ASP.NET Core 中的中间件
· 实现windows下简单的自动化窗口管理
· 【C语言学习】——命令行编译运行 C 语言程序的完整流程
历史上的今天:
2016-06-12 exp命令ORACLCE10G导出ORACLE11G的数据1455错误
2016-06-12 将war文件解压到指定目录
2016-06-12 JAVA包命名规范
点击右上角即可分享
微信分享提示