පැහැදිලි ප්රජා
ප්රජා පද්ධතිය යනු පැහැදිලි සහ අපැහැදිලි දැල් භාවිතා කිරීමයි. අපි මෙම සංකල්ප විස්තරාත්මකව විමසා බලමු.
පැහැදිලි ප්රජාවක් යනු තීරු සහ පේළි ඔස්සේ සකස් කරන ලද අංග සමූහයකි. බොහෝ විට පැහැදිලි දැලක් අතින් සෑදේ සහ අපි මීට පෙර පාඩම්වලදී සෑදූ සියලුම ප්රජා පැහැදිලි වේ (උදාහරණයක් ලෙස, ප්රජාවක ටයිල් පාඩම).
අපි වගුවක් සාදමු, එය අපගේ පැහැදිලි ප්රජාව වනු ඇත:
<div id="parent">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
#parent {
display: grid;
grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr;
border: 2px solid #696989;
padding: 10px;
width: 400px;
height: 400px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
