How css uses flex layout to achieve centering

Editor to share with you how css uses flex layout to achieve the center, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Using flex layout to achieve centering

.outer {width: 300px; height: 300px; background-color: # d3d60e; display: flex; justify-content: center; align-items: center;} .inner {color: # fff; width: 100px; height: 100px; background-color: # 13b86b; text-align: center } flex Center above is all the content of the article "how css uses flex layout to achieve Center". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!