8
フレックスボックス内のテキストを垂直に配置するにはどうすればよいですか?
flexboxを使用して一部のコンテンツを垂直方向に整列させたいのですが、うまくいき<li>ません。 オンラインで確認しましたが、多くのチュートリアルでは、実際align-items:centerには親のフレックス設定から取得するラッパーdivを使用していますが、この追加の要素を切り取ることはできないのでしょうか。 リストアイテムの高さが動的になるため、このインスタンスではflexboxを使用することにしました%。 * { padding: 0; margin: 0; } html, body { height: 100%; } ul { height: 100%; } li { display: flex; justify-content: center; align-self: center; background: silver; width: 100%; height: 20%; } <ul> <li>This is the text</li> </ul> コードスニペットを実行する結果を非表示スニペットを展開