码迷,mamicode.com
首页 > 其他好文 > 详细

不固定宽度的div居中显示

时间:2017-11-09 22:36:56      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:text   page   内联   div   play   方式   float   oat   span   

对于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居中显示

标签:text   page   内联   div   play   方式   float   oat   span   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!