为了账号安全,请及时绑定邮箱和手机立即绑定

网页中如何让三个DIV同时并列?

网页中如何让三个DIV同时并列?

qq_花开花谢_0 2019-02-14 15:11:13
网页中如何让三个DIV同时并列
查看完整描述

2 回答

?
子衿沉夜

TA贡献1828条经验 获得超3个赞

and1和and2都设置左浮动float:left。
and3可以设置float:left也可以设置float:right。也可以不定义。
最好三个都定义float:left,然后在and3后面加个div设置clear:both清除浮动属性

查看完整回答
反对 回复 2019-03-03
?
噜噜哒

TA贡献1784条经验 获得超7个赞

1、在需要的html页面的body部分敲入代码,基本上是一个父级DIV下面有三个子级DIV。

12345<div>    <div></div>    <div></div>    <div></div></div>

2、然后在三个子div中输入文字,然后在浏览器中测试,查看效果,可以看到默认情况下三个div是竖排显示的。

12345<div>    <div>明天</div>    <div>你好</div>    <div>牛奶咖啡</div></div>

3、接下来对三个div进行class设置,如下图所示。

4、然后只需要为三个中的前两个设置float:left属性,最后一个设置float:right属性,或者是float:left属性,都可以实现并排排列。

5、之后再到浏览器中查看,就可以发现三个div并排显示了。如下图所示。



查看完整回答
反对 回复 2019-03-03
  • 2 回答
  • 0 关注
  • 3161 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信