请老师检查代码

来源：2-9 编程练习

weixin_慕虎8591506

2022-07-21 21:51:13

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
    ul {
        list-style: none;
        background-color: orange;
        margin: 0;
        padding: 0;
        height: 150px;
        width: 390px;
        /*此处补充代码*/
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
    }
   
    li {
        font-size: 24px;
        background-color: pink;
    }

    .margin {
        /* 一行3个li，加margin */
        margin: 0 28px;
    }
    </style>
</head>

<body>
    <ul>
        <li>第一个li</li>
        <li class="margin">第二个li</li>
        <li>第三个li</li>
        <li>第四个li</li>
        <li class="margin">第五个li</li>
        <li>第六个li</li>
    </ul>
</body>

</html>

问题描述：

自己做的时候第一行有4个flexitem，不确定是不是应该用margin让一行只有3个flexitem

写回答

1回答