ホームページ >WeChat アプレット >ミニプログラム開発 >小さなプログラム Ruhe は、ビューの内部コンポーネントを使用してページレイアウト機能を実行します。

小さなプログラム Ruhe は、ビューの内部コンポーネントを使用してページレイアウト機能を実行します。

この記事では、主に小さなプログラムの使用方法と、ページレイアウト機能を実行するためのビュー内部コンポーネントの使用方法を紹介します。必要な知識があれば、それを共有します。ポイント:

1. 垂直配置、水平配置

2. 中央揃え

例: 1 つの親コンポーネント内の 2 つの子ビュー

表示効果:

2.まず親ビューの高さと色の値を設定して効果を確認します

３．達成度配置と縦配置スタイル

横配置：

------>

縦配置（設定なし、デフォルトの縦配置）：

------> ;

4. センタリング効果を実現するには

センタリング効果は、3 の水平配置または垂直配置に応じて 2 つの状況に分けられます。

① を横方向に配置する場合、

justify-content:center ;

はを横方向の中央揃えに決定します

---------------------- ---- -->

②は、を横方向に配置する場合、align-items:center;は、を縦方向の中央に配置することを決定します

------------ ---- ------->

③は、を縦方向に配置する場合、justify-content:center;を縦方向中央に配置することを決定します

-------- ----- ------------>

④、が縦方向に配置されている場合、を横方向に中央揃えするようにを決定します ------ --------------->

⑤、align-items:center; と justify-content:center; が両方とも存在する場合、

親ビューの設定方法配置方向、そのサブビューはすべて水平方向と垂直方向の中央に配置されます

---------------------- -->

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。関連するおすすめ:

以上が小さなプログラム Ruhe は、ビューの内部コンポーネントを使用してページレイアウト機能を実行します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

続きを見る

小さなプログラム Ruhe は、ビューの内部コンポーネントを使用してページ レイアウト機能を実行します。