下の写真のようなメニューを作成しようとしています:
これが私がやったことです:
メニュー内の項目を画像の中央に配置するにはどうすればよいですか?これは私の宿題で、一生懸命努力していますが、できません。よろしくお願いいたします。
リーリー リーリー
あなたが書いたコードがどのように動作するかを教えていただければ幸いです。
私がやるべきことは、すべてのナビゲーション メニュー項目のラッパー (この場合は ul) に display flex を与えることです。次に、align-content: center を使用して、リスト項目を垂直方向の中央に配置します。
ul
display flex
align-content: center
次のように display:flex; を追加する必要があります:
display:flex;
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
私がやるべきことは、すべてのナビゲーション メニュー項目のラッパー (この場合は
ul) にdisplay flexを与えることです。次に、align-content: centerを使用して、リスト項目を垂直方向の中央に配置します。次のように
リーリーdisplay:flex;を追加する必要があります: