弹性布局

Posted 2021-02-03 dzzzz

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了弹性布局相关的知识，希望对你有一定的参考价值。

.test {
    font-size: 40px;
    color: yellow;
}
.box {
    padding: 0 30px;
}

.ul0 {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.li0 {
    /* width: 150px; */
    flex: 1;
    /* height: 200px; */
    /* background-color: silver; */
    border:1px dashed silver; s
margin: 6px;
}

.ul1 {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.li1 {
    box-sizing: border-box;
    flex: 1;
    height: 100px;

    background-color: green;
    margin: 4px 4px;

}

        <div class="box">
            <ul class="ul0">
                <li class="li0">
                    <ul class="ul1">
                        <li class="li1"></li>
                        <li class="li1"></li>
                    </ul>
                    <ul class="ul1">
                        <li class="li1"></li>
                        <li class="li1"></li>
                    </ul>
                </li>
                <li class="li0">
                    <ul class="ul1">
                        <li class="li1"></li>
                        <li class="li1"></li>
                    </ul>
                    <ul class="ul1">
                        <li class="li1"></li>
                        <li class="li1"></li>
                    </ul>
                </li>
                <li class="li0">
                    <ul class="ul1">
                        <li class="li1"></li>
                        <li class="li1"></li>
                    </ul>
                    <ul class="ul1">
                        <li class="li1"></li>
                        <li class="li1"></li>
                    </ul>
                </li>
                <!-- <li></li> -->
            </ul>

        </div>

npm install [email protected]
npm install [email protected]
npm install [email protected]
npm install [email protected]

以上是关于弹性布局的主要内容，如果未能解决你的问题，请参考以下文章