如何换行空出这么多的？？

img


按图片这么做，换行时不知道怎么搞能空出这么多。感谢大家的帮助

其实嵌套就行 ，只不过需要 加margin 和padding


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      
       
    </style>
</head>

<body>
    <div id="box">
       <ul>
         <li>
            666
            <ul>
                <li>77

                    <ul>
                        <li>888</li>
                    </ul>
                </li>
            </ul>
         </li>
       </ul>
    </div>
</body>

</html>


 *{
        margin: 0;
        padding: 0;
       }

加个这个去除 默认的 8px 影响 ,同理 你想要实现就可以对 ul 加 margin 实现 。