0215-48-6358
52364865586
リッチカラム中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス
目次
リッチカラムの中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス
リッチカラムの中の要素をグループで囲まないやり方
解説：追加CSSで、各列のカラムを縦積みのFlexボックス化する。
さらに追加CSSで、各カラムの最後の要素に、margin-top: auto;をつける。
IdeaPad Slim 5i Gen 9 15.3型は、仕事やホームノートPCとして使いやすい構成を、安価で購入することができるノートPCです
最後の要素
100%sRGBと色域が広めなのも大きなポイントです。色域が広いと、表現できる色の幅が広くなり、色鮮やかな表示が可能となります。下図では、価格を抑え般ノートPCが搭載するような、sRGBカバー率65%前後の液晶（右側）と、見え方を比較してみました。本機器のディスプレイ（左側）は色が鮮やかなことが分かります。
最後の要素
ちなみに、100%sRGBクラスのディスプレイを載した機種は、安くても10万円台ぐらいという印象があったので、このディスプレイを搭載して7万円台から購入できるのは安いと思います。
最後の要素
リッチカラムの中の要素をグループで囲むやり方
解説：基本的に上と同じだが、各列のカラム中の囲んだグループを追加CSSでheight: 100%。子<div>を追加CSSで縦積みに変更。（Flexボックス化）高さをheight: 100%にする（親カラムと同じ高さにする）
そして追加CSSで、各カラムの最後の要素に、margin-top: auto;をつける。
IdeaPad Slim 5i Gen 9 15.3型は、仕事やホームノートPCとして使いやすい構成を、安価で購入することができるノートPCです
最後の要素
100%sRGBと色域が広めなのも大きなポイントです。色域が広いと、表現できる色の幅が広くなり、色鮮やかな表示が可能となります。下図では、価格を抑えた一般ノートPCが搭載するような、sRGBカバー率65%前後の液晶（右側）と、見え方を比較してみました。本機器のディスプレイ（左側）は色が鮮やかなことが分かります。
最後の要素
ちなみに、100%sRGBクラスのディスプレイを搭載した機種は、安くても10万円台ぐらいという印象があったので、このディスプレイを搭載して7万円台から購入できるのは安いと思います。
最後の要素
