实现div内img水平垂直居中 浅浅的花香味﹌ 2022-10-07 03:51 193阅读 0赞 1. flex布局 父元素 display: flex; justify-content: center; align-items: center; 关于[justify-content][]和[align-items][]前者保证水平居中,后者保证垂直居中 完整代码: <style> *{ padding: 0; margin: 0; } .container{ height: 400px; width: 400px; border: 1px solid black; display: flex; justify-content: center; align-items: center; } .container img{ height: 100px; } </style> [justify-content]: https://developer.mozilla.org/zh-CN/docs/Web/CSS/justify-content [align-items]: https://developer.mozilla.org/zh-CN/docs/Web/CSS/align-items
还没有评论,来说两句吧...