zoukankan      html  css  js  c++  java
  • 多行文本水平垂直居中

    话不多说。直接上代码

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>多行文本居中</title>
    <style>
    *{margin:0; padding:0;}
    .box{300px; height:300px; border:#666 solid 1px; font-size:0; margin:100px auto;}
    .box span{display:inline-block; height:100%; 0;background:red; vertical-align:middle;}
    .text{vertical-align:middle; display:inline-block;word-break:break-all; font-size:14px; *display:inline; zoom:1;}
    </style>
    </head>
     
    <body>
    <div class="box">
            <span></span>
        <p class="text">蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。蚂蚁部落。</p>
    </div>
    </body>
    </html>
    

      

  • 相关阅读:
    第八章 路由器交换机及其操作系统的介绍
    k-Tree DP计数
    Drop Voicing 最长升序
    高精度
    1196D2
    C
    POJ 3974 马拉车
    2020.8.1第二十六天
    2020.7.31第二十五天
    每日日报
  • 原文地址:https://www.cnblogs.com/dengxiaozhen/p/3803262.html
Copyright © 2011-2022 走看看