Daļējās fr vienības CSS gridos
Vērtības, kas norādītas fr vienībās,
var būt daļskaitļi. Mainīsim
iepriekšējo piemēru, norādot
otrajai un trešajai kolonnai platumu
daļskaitļos:
<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-columns: 1fr 0.5fr 2.5fr;
border: 2px solid #696989;
padding: 10px;
width: 600px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
Lai jūsu gridā ir trīs kolonnas.
Iestatiet tā, lai trešā kolonna
būtu 1.5 reizes lielāka par pirmo
un otro.
Lai jūsu gridā ir trīs kolonnas.
Iestatiet tā, lai otrā kolonna
būtu 1.5 reizes lielāka par pirmo,
un trešā kolonna 2.5
reizes lielāka par pirmo.
