LoginSignup
0
0

More than 1 year has passed since last update.

justify-selfを使用して右寄せしたいとき

Last updated at Posted at 2021-06-21

結論

justify-selfgridで使用できます。

・親要素をdisplay:grid、子要素をjustify-self:endにする。
・または、親要素をdisplay:flex、子要素をmargin:leftにする。

参考にさせて頂きました。ありがとうございます。

https://qiita.com/mishiwata1015/items/7c26ea7bc80a9200ad78
https://drafts.csswg.org/css-align-3/#overview

下記ページにもNote that justify-self is ignored in Flexbox layouts.とあります。
https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0