css多种方法实现已知宽度和未知宽度的元素水平垂直居中

<div class="cnblogs_code">

<div <span style="color: #0000ff">class=<span style="color: #800000">"<span style="color: #800000">box-wrapper<span style="color: #800000">">

<div <span style="color: #0000ff">class=<span style="color: #800000">"<span style="color: #800000">box<span style="color: #800000">"><span style="color: #000000">

内部box

更多内容


//css

.box-wrapper{

    width: 100%;    height: 300px;
    border: 1px solid #f00;    .box{       background-color: #0f0;    }

}

1、已知box宽高

2、未知box宽高

3、未知box宽高

4、未知box宽高,内容垂直居中

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!