如何实现让一个定宽高的父元素中的不定宽高的子元素居中

开放
发布
  1. <div class="div1">
        <div class="div2">
          <p>this is a test!</p>
        </div>
    </div> 
  2. 上代码
        *{
             margin: 0;padding: 0;
           }
           .div1{
              padding:20px 100px;
              margin: 20px;
              height: 600px;    
              width: 500px;    
              text-align: center;
              border: 1px solid #ccc;
           }
           .div1:before{
             content: ".";
             height: 100%;
             display: inline-block;
             vertical-align: middle;
             visibility: hidden;
           }
           .div2{
              border: 1px solid gray;
              display: inline-block;
              vertical-align: middle;
           }

请登录或者 注册 来提交答案