zoukankan      html  css  js  c++  java
  • 多行文字自动换行居中--实测好用的很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;
           200px;
          height: 200px;
          text-align: center;
          overflow: hidden;
        }
    
        .outDiv .innerDiv1 {
          display: inline-block;
          vertical-align: middle;
        }
    
        .outDiv .innerDiv-fix {
          display: inline-block;
           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>
    
  • 相关阅读:
    KMP
    1. Android Studio阅读源码
    疑难杂症
    队列
    方法和数组
    基本语法
    MySQL数据库创建
    MySQL安装
    Python--爬虫之(斗图啦网站)图片爬取
    Linux网络编程之基础概念
  • 原文地址:https://www.cnblogs.com/sugartang/p/14666339.html
Copyright © 2011-2022 走看看