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

为何出现三行布局?

,是否与div中的元素类型有关那? div为块级元素,独占一行,而加上float属性后有了内联元素属性,出现三行布局可以在一行并排。 而中间文本的父元素div还是块级元素,所以中间文本可以独占一行, 从而形成被挤下去的排版形式 (想问这个问题来,结果打着打着自己推导出来了,所以都看看吧,希望有所帮助)

正在回答

2 回答

6666,float之后怎么会变成内联元素呢,内联元素float之后会变成块级元素吧。是全都加上了float之后脱离了普通文档流,不再从上至下排泄,而是变成了浮动文档流,才显示一行排列的

1 回复 有任何疑惑可以回复我~
#1

全栈港 提问者

(●ˇ∀ˇ●)
2016-02-19 回复 有任何疑惑可以回复我~
#2

全栈港 提问者

加上float属性后有了内联元素属性。。。。
2016-02-19 回复 有任何疑惑可以回复我~
#3

全栈港 提问者

非常感谢!
2016-02-19 回复 有任何疑惑可以回复我~

这个跟块状元素和内联元素没有关系。你把中间那个设置一下宽度,三个div就排在一起了。。

1 回复 有任何疑惑可以回复我~
#1

全栈港 提问者

o(^▽^)o
2016-02-19 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209551    人
  • 解答问题       1206    个

用最简洁的案例教你布局的那些知识,这是前端工程师基本技能

进入课程

为何出现三行布局?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号