三个块状元素怎么破???-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：13-4 起飞咯 - 浮动模型

CarmenLu

2018-05-20 11:48

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

写回答关注

3回答

慕九州8563217

2018-05-20 20:18:02

效果图

0 2

慕九州8563217: 2018-05-20 20:16:38

<!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>

0 1

慕兄7758

2018-05-20 15:37:29

感觉用一个父块然后三个字块把三个字块放进父块中！

0 0

初识HTML(5)+CSS(3)

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1230234 学习 · 19084 问题

查看课程

相似问题

块状元素和内联块状元素怎么区分

回答 1

块级元素=块状元素？

回答 2

12-2三个块状元素在一行为什么

回答 4

怎么区别行内元素和块状元素

回答 3

如何区别内联元素，块状元素，内联块状元素？

回答 7

打开慕课网App查看更多内容