网页中如何让三个DIV同时并列
2 回答
噜噜哒
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并排显示了。如下图所示。
- 2 回答
- 0 关注
- 3161 浏览
添加回答
举报
0/150
提交
取消