                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

三个块状元素怎么破???

怎么安排中间块状元素居中？？？

CarmenLu

2018-05-20

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

关注问题我要回答

1286

操作

收起

3 回答

慕九州8563217
2018-05-20

效果图

2 回复有任何疑惑可以回复我~

收起回答

慕九州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>