您的位置：首页 > 其它

一秒入门 不定宽高的水平垂直居中简单方式

2019-04-23 19:44 78 查看
                     

<html>    <meta charset="UTF-8">    <body>        <div class="container">            <div class="wrap">                <p>铺设大量智能设备，使用人数众多</p>                <p>帮助客户快速涨粉,平均每日使用人数超100+</p>                <p>按100台计算，每天涨粉人数10000+</p>            </div>        </div>        <style>            .container{                /*这里只是一个最外层的盒子不是内容重点,重点是下面的wrap*/                width: 500px;                height: 500px;                position: relative;                background: goldenrod;            }            .wrap{                background: #24FFD3;                text-align: center;                position:absolute;                top:50%;                left:50%;                transform:translate(-50%,-50%);                -webkit-transform:translate(-50%,-50%);                white-space: nowrap;/*不换行*/            }        </style>    </body></html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
主角从来不用回头看爆炸，拜！

           
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航