Flexbox で、要素の上下中央寄せ、均等割りの方法（ align-items、justyify-content ）｜レンタルサーバーナレッジFlexbox を使った、要素の上下中央寄せ、均等割りの方法 flex-container に「 align-items 」プロパティを使用します。 align-items は縦の位置を調整するプロパティです。 各プロパティの値は下記の通りで、例えば上下中央寄せにしたい場合は、center を指定します。 サンプルコード <!DOCTYPE html> <html lang="ja"> <head> <title>Flexboxテスト</title> <meta charset="UTF-8"> </head> <style> .container{ display: flex; width: 500px; height: 500px; background-color: #aaa; flex-flow: wrap; justify-content: space-around; /* 縦方
