Flexbox making CSS layout to achieve horizontal Vertical Center example analysis

The following small series for everyone to bring a flexbox to make CSS layout to achieve horizontal vertical center of a simple instance. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little knitting.

Flexbox implements a P element that is horizontally vertically centered on the body page:

<! DOCTYPE html>

The above this article Flexbox production CSS layout to achieve horizontal vertical center of the simple example is the small part to share all the content of everyone, I hope to give you a reference, but also hope that we support a lot of topic.alibabacloud.com.