zoukankan      html  css  js  c++  java
  • Align Content Properties

    How to align the items of the flexible element?

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>How to align the items of the flexible element</title>
    	<style type="text/css">
    		#xyz {
    			 80px;
    			height: 250px;
    			border: 1px solid #3300FF;
    			display: flex;
    			flex-flow: row wrap;
    			align-content: space-around;
    		}
    		#xyz div {
    			  80px;
    			height: 80px;
    		}
    	</style>
    </head>
    <body>
    	<div id="xyz">
    		<div style="background-color: #CCCC66;"></div>		
    		<div style="background-color: #CC66CC;"></div>		
    		<div style="background-color: #FF99CC;"></div>		
    	</div>
    	
    </body>
    </html>
    
  • 相关阅读:
    个人博客
    个人博客
    5.4
    4.30
    4.29
    4.28
    4.27
    4.26
    4.25
    4.24
  • 原文地址:https://www.cnblogs.com/PrimerPlus/p/12768233.html
Copyright © 2011-2022 走看看