CSS

不確定な行数の指定

定義されていない行の高さを設定する方法について

  • grid-auto-rows

grid-auto-rows

・gridで行の指定をしていかないと行けないのですが以降要素が増える場合もあり行数の指定が確定的でない場合があります。また無理矢理にboxを増やすと高さを指定できていない状態になりすべてコードを書き直さなければいけなくなってしまう場合もあります。

・そういった不確定な状態のときに行の指定に使うことができるのがgrid-auto-rowsというプロパティです。

・値は高さを指定すればいいだけなのでgrid-auto-rows: 100pxと指定すると要素が増えたとしても高さは100pxに指定することができます。

・何行になるかわからない場合使っていきましょう。

 

-広告-

 

 






-CSS