前端开发flex教程_居中

<span>I love flex layout!</span>

<style>

body{

display:flex;

justify-content:center;

align-items:center;

font-size:3em;

color:#00ffff;

}

</style>

<p>前端开发者</p>

<p>网站前端开发</p>

<p>web前端开发</p>

<p>AngularJS</p>

<style>

body{

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

font-size:1.2em;

color:purple;

}

</style>