The Display:flex property in CSS implements the code for vertical centering of elements

This article introduces you to the content of the CSS in the Display:flex attribute to achieve vertical center of the code, there is a certain reference value, the need for a friend can refer to, I hope you have some help.

Before this element is vertically centered I am using an absolute positioning absolute or fixed positioning

How to align elements vertically with flex, parent including children

<div  class= ' Itembox ' >    <div>boxboxboxboxboxboxboxboxboxboxbox</div></div>. Itembox{display:flex;justify-content:center;align-items:center;background: #588cfe; width:100%;height:100vh;}. Itembox p{background: #ffffff, width:200px;height:200px;word-break:break-all;//English beyond the box does not wrap the problem}