如何在柔性盒內垂直對齊文本?我想使用Flex框垂直對齊<li>但沒有取得很大的成功。我已經在線檢查過了,很多教程實際上使用了包裝div,它獲得了align-items:center但是我想知道是否有可能刪除這個額外的元素?我選擇在這個實例中使用FLEX框,因為列表項的高度將是動態%。* { 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>
如何在柔性盒內垂直對齊文本?
慕田峪7331174
2019-07-11 15:47:12