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

如果三个块元素该怎么并列一行？还有块元素如何居中？

如题：如果三个块元素该怎么并列一行？还有块元素如何居中？

稽小寞

2018-05-15

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

关注问题我要回答

1672

操作

收起

3 回答

慕丝3126394
2018-06-12

<!DOCTYPE html>

<html>

<head>

<style>

father{

width: 500px;

height: 500px;

background: #000;

}

.son1{

height: 100px;

background: green;

}

.son2{

width:250px;

height: 200px;

background: yellow;

margin-left:auto;

margin-right:auto;

}

.son3{

height: 100px;

background: red;

}

.son2 h1{text-align:center;

line-height:200px;

margin:0;

}

</style>

</head>

<body>

</div>

</div>

</body>

</html>

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

收起回答

imooc蜀郡
2018-05-18

div{

width:100px;

height:100px;

border:2px red solid;

margin:120px;

}

#div1{float:left;}

#div2{float:left;}

#div3{float:right;}

有个笨方法

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

收起回答

慕婉清2379718
2018-05-15

如下代码可以实现三个 div 元素一行显示。
div{
    width:200px;
    height:200px;
    border:2px red solid;    float:left;}
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

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

收起回答

稽小寞提问者

块元素居中该怎么做？

2018-05-15 回复有任何疑惑可以回复我~