首页 > 其他 > 详细

不固定宽度的div居中显示

时间:2017-11-09 21:52:41      阅读:205      评论:0      收藏:0      [点我收藏+]

对于div的居中 ,如果是有固定宽高的,可以加margin:auto;水平垂直居中,但如果是不固定宽高,又想让div居中的话,这种方式都可能不奏效,达不到想要的效果。

有两种方法:1、加display:inline;变成内联元素,可以给父级加text-align:center

2. 

.inwrap {
        float: left;
        position: relative;
        left: 50%;    
    }
    .page {
        float: left;
        position: relative;
        left: -50%;
    }
<div class="wrap clearfix">
        <div class="inwrap">
            <div class="page">
                这是内容
            </div>
        </div>
    </div>

 

不固定宽度的div居中显示

原文:http://www.cnblogs.com/leiting/p/7794441.html

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