题解 | #display - grid#
display - grid
https://www.nowcoder.com/practice/9b83057f33214e9498fd44ad6d553948
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<style type="text/css">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
section {
display: grid;
width: 500px;
text-align: center;
grid-template-rows: 100px;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px 0px;
}
article {
height: 100px;
border: 1px solid black;
}
</style>
</head>
<body>
<section>
<article>1</article>
<article>2</article>
<article>3</article>
<article>4</article>
<article>5</article>
<article>6</article>
<article>7</article>
<article>8</article>
<article>9</article>
</section>
</body>
</html>
</html>
投递快手等公司10个岗位 >