请老师检查

来源：3-11 编程练习

SJ丶Peng

2019-09-16 16:54:49

<!DOCTYPE html>
<html>

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

<body>
    <ul>
        <li>第一个li</li>
        <li>第二个li</li>
        <li>第三个li</li>
        <li>第四个li</li>
        <li>第五个li</li>
        <li>第六个li</li>
    </ul>
</body>

</html>

写回答

1回答