15 lines
		
	
	
		
			333 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
		
		
			
		
	
	
			15 lines
		
	
	
		
			333 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| 
								 | 
							
								---
							 | 
						|||
| 
								 | 
							
								title: Use the flex-direction Property to Make a Column
							 | 
						|||
| 
								 | 
							
								localeTitle: 使用flex-direction属性创建列
							 | 
						|||
| 
								 | 
							
								---
							 | 
						|||
| 
								 | 
							
								## 使用flex-direction属性创建列
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								要将Flex容器的子元素堆叠在一起,您可以通过以下方式更改_flex方向_ :
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								```CSS
							 | 
						|||
| 
								 | 
							
								#main-container { 
							 | 
						|||
| 
								 | 
							
								    display: flex; 
							 | 
						|||
| 
								 | 
							
								    flex-direction: column; 
							 | 
						|||
| 
								 | 
							
								 } 
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								```
							 |