元素浮动后的属性问题

元素浮动后的属性问题

行内元素浮动后也会具备inline-block属性吗,还是块元素才具备inline-block属性

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

这样啊,明白了同学的疑问。

在课程中老师讲的这个主要是针对块级元素来说的,因为块级元素只有浮动了之后才能显示在一行,行级元素本身就是显示在一行的,不需要特别设置浮动。因为块元素本身就具备block属性,浮动之后又显示在了一行,相当于又具备了一个inline属性,所以老师总结了一下,块级元素设置浮动之后,就具备了inline-block属性的特征,但是他们的原理还是有差距的,在上条回复中老师说的就是两者的差距。如果行级元素设置了浮动也是具备inline-block属性的,但是不建议这么做,如果想要具备inline-block属性的话,可以直接设置这个属性。

建议同学以后遇到问题提问的时候,可以详细的说明情况,方便老师为你高效准确的解答,感谢您的支持与配合。

如果帮助到了你,欢迎采纳!

祝学习愉快!

Miss路 2018-11-29 20:09:54

浮动和inline-block是不一样的,虽然都是可以让元素排列在一行,但是还有很多的差距:

1、浮动元素是脱离文档流的,会打乱整个文档流,后面的元素需要清除浮动后才能按照原来的位置显示,如果在一个经常变化的页面中,有时会因为没有清除浮动而产生莫名其妙的bug。 

2、inline-block在内部表现方式上类似block元素,例如拥有block元素的width、height、

padding、border与margin,而在外部排列上类似于inline元素,不会像块级元素一样从上到下排列而

是像行内元素那样再一行内从左到右的排列。并且inline-block因为具有行内元素的特性,所以可以通

过设置父元素的text-align来使其水平居中。

所以他们两个还是有区别的,可以根据实际的开发需求,匹配上述的功能进行选择。

如果帮助到了你,欢迎采纳!

  • 提问者 人生的起源 #1
    我不是问浮动和inline-block的区别,而是你们的课程PPT中有这么一句话“元素浮动后具备inline-block(行内块元素)属性”,我知道块元素浮动后具备这个属性,我想问的是行内元素浮动后是不是也具备inline-block属性,你可以先看下你们的float.ppt第23页的最后一句话,比较能明白我问的是什么
    2018-11-30 12:09:13
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师