zoukankan      html  css  js  c++  java
  • transform: translateY(-50%) 实现元素垂直居中效果

    1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6     <style>
     7         .center {
     8             height: 500px;
     9             background:#888;
    10         }
    11         .center p{
    12             background: #fafafa;
    13             position: relative;
    14             top: 50%;
    15             transform: translateY(-50%);
    16         }
    17     </style>
    18 </head>
    19 <body>
    20     <div class="center">
    21         <p>
    22             1、委托代理业务通过客户端发单律师在线报价机制,律师将获得更多案源机会;
    23             2、客户在线向平台支付律师服务费,并由平台对律师费进行托管;
    24             3、服务完成或确认线下达成交易后,平台向律师所在律师事务所支付律师费;
    25             4、律师事务所与律师自行结算律师费。
    26         </p>
    27     </div>
    28 </body>
    29 </html>
  • 相关阅读:
    内网Windows Server时间自动同步
    处理sqlserver数据
    virtualenv使用
    vue过渡动画效果
    vue视图
    vue组件
    Vue实例
    vue介绍
    Bootstrap布局
    Bootstrap组件
  • 原文地址:https://www.cnblogs.com/wangshengli520/p/7508375.html
Copyright © 2011-2022 走看看