设置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 @   习惯沉淀  阅读(72225)  评论(2编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2016-06-12 exp命令ORACLCE10G导出ORACLE11G的数据1455错误
2016-06-12 将war文件解压到指定目录
2016-06-12 JAVA包命名规范
点击右上角即可分享
微信分享提示