首页 > 其他 > 详细

一个未知高度垂直居中的简单方法

时间:2014-04-12 01:17:40      阅读:532      评论:0      收藏:0      [点我收藏+]

最近在看飘舞零零的blog,有感而写。

bubuko.com,布布扣
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            border-radius: 5px;
        }
        .wrap{
            overflow: hidden;/*很重要不不能少*/
            width: 800px;
            margin: auto;
            background: silver;
        }
        .center-box{
            margin:20px;
            padding:120px 0;/*有了这个才能撑开高度*/
            background: beige;
            text-indent:2em ;
            text-align: left;
        }
    </style>
</head>
<body>
     <div class="wrap">
             <p class="center-box">我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜</p>
     </div>
</body>
</html>
bubuko.com,布布扣

 

一个未知高度垂直居中的简单方法,布布扣,bubuko.com

一个未知高度垂直居中的简单方法

原文:http://www.cnblogs.com/tom-chang/p/3659193.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!