感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<div id="contain1">
<span id="item1" class="i1">1</span>
<div id="item2" class="i1">2</div>
<div id="item3" class="i1">3</div>
<div id="item4" class="i1">4</div>
<div id="item5" class="i1">5</div>
<div id="item6" class="i1">6</div>
<div id="item7" class="i1">7</div>
<div id="item8" class="i1">8</div>
<!--<div id="item9" class="i1">9</div>-->
</div>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
#contain1{
border:solid 3px yellow;
display:flex;
background:green;
width:320px;
height:320px;
flex-flow:wrap row-reverse;
}
.i1{
width:100px;
height:100px;
Border:solid white 1px;
background:blue;
text-align:center;