首先看代码和效果
<style> .main { outline: 1px solid; display: flex; justify-content: space-between; flex-wrap: wrap; } .main>p { width: 100px; height: 100px; margin-bottom: 10px; background-color: lightgreen; } </style> <body> <p class="main"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> </p> </body>
.main:after { content: ""; width: 100px; }
这时候看效果
更多关于云服务器,域名注册,虚拟主机的问题,请访问西部数码官网:www.west.cn