                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

三個塊狀元素怎么破???

怎么安排中間塊狀元素居中？？？

CarmenLu

2018-05-20

源自：初識HTML(5)+CSS(3)-升級版 13-4

關(guān)注問題我要回答

1357

操作

收起

3 回答

慕九州8563217
2018-05-20

效果圖

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕九州8563217
2018-05-20

<!DOCTYPE?html>
<html>	
<head>		
????<meta?charset="UTF-8">		
????<title></title>		
????<style>			
????????father{				
????????????width:?500px;				
????????????height:?500px;				
????????????background:?#000;			
????????}						
????????.son1{				
????????????height:?100px;				
????????????background:?green;			
????????}						
????????.son2{				
????????????height:?200px;				
????????????background:?yellow;			
????????}						
????????.son3{				
????????????height:?100px;				
????????????background:?red;			
????????}						
????????.son2?h1{				
????????????text-align:?center;				
????????????line-height:?200px;				
????????????margin:?0;			
????????}		
????</style>	
</head>	

<body>		
????<div?class="father">			
????????<div?class="son1"></div>			
????????<div?class="son2">				
????????????<h1>中間塊的元素居中</h1>			
????????</div>			
????????<div?class="son3"></div>		
????</div>	
</body>
</html>???
	??????