Trupmeniniai vienetai fr CSS griduose
Reikšmės, nurodytos fr vienetais,
gali būti trupmeninės. Pakeiskime
ankstesnį pavyzdį, nurodydami
antrojo ir trečiojo stulpelio plotį
trupmeniniais skaičiais:
<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;
}
:
Tarkime, jūsų grid'e yra trys stulpeliai.
Padarykite taip, kad trečiasis stulpelis
būtų 1.5 karto didesnis už pirmąjį
ir antrąjį.
Tarkime, jūsų grid'e yra trys stulpeliai.
Padarykite taip, kad antrasis stulpelis
būtų 1.5 karto didesnis už pirmąjį,
o trečiasis stulpelis 2.5
karto didesnis už pirmąjį.
