多行文字自动换行居中--实测好用的很OK

实测好用的很~~~

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .outDiv {
      border: 1px solid black;
      width: 200px;
      height: 200px;
      text-align: center;
      overflow: hidden;
    }

    .outDiv .innerDiv1 {
      display: inline-block;
      vertical-align: middle;
    }

    .outDiv .innerDiv-fix {
      display: inline-block;
      width: 0;
      height: 100%;
      line-height: 100%;
      vertical-align: middle;
      visibility: hidden;
    }
  </style>
</head>

<body>
  <div class="outDiv">
    <span class="innerDiv1">多行文字自动换行居中</span><span class="innerDiv-fix">
      <!-- 此标签不能换行 --></span>
  </div>
</body>

</html>
posted @   糖~豆豆  阅读(290)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
Live2D
欢迎阅读『多行文字自动换行居中--实测好用的很OK』
点击右上角即可分享
微信分享提示