カラムで自由な横レイアウト、スマホ対応。Flexボックス

リッチカラムでレイアウト

アップル(Apple)は、「iOS 18」と「iPadOS 18」のパブリックベータ版を公開した。正式版は今秋公開。

「iOS 18」の対象機種は、2018年9月に発売された「iPhone XS」以降の機種。無料でアップデートできる。

「iOS 18」では、ホーム画面のカスタマイズ性が向上し、アプリやウィジェットの位置を自由に変更できるようになった。

リッチカラムはフレックスボックスなので、2カラムにして、左カラムを空にして右カラムに記事を入れれば左揃えで、左右自由な位置と横幅のコンテンツをレイアウトできる。2カラムとも横幅設定をする。PC、タブは2カラム表示設定。スマホは1カラム表示設定。
スマホで1カラムの縦表示になっても左カラムが空のため変なスペースは生まれない。

カラムでレイアウト

アップル(Apple)は、「iOS 18」と「iPadOS 18」のパブリックベータ版を公開した。正式版は今秋公開。

「iOS 18」の対象機種は、2018年9月に発売された「iPhone XS」以降の機種。無料でアップデートできる。

「iOS 18」では、ホーム画面のカスタマイズ性が向上し、アプリやウィジェットの位置を自由に変更できるようになった。

カラムはフレックスボックスなので、2カラムにして、左カラムを空にして右カラムに記事を入れれば左揃えで、左右自由な位置と横幅のコンテンツをレイアウトできる。2カラムとも横幅設定をする。モバイルでは縦に並べるをオン。
スマホで1カラムの縦表示になっても左カラムが空のため変なスペースは生まれない。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人