首页 > web前端 > html教程 > “Inline-block” 和 “float” 分别在什么时候用?_html/css_WEB-ITnose

“Inline-block” 和 “float” 分别在什么时候用?_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-06-24 11:41:28
原创
1297 人浏览过

Inline-block 和 float 分别在什么时候用???

有时候“Inline-block” 和 “float” 都能实现横向排列的效果,二者分别在什么时候用???

分别适合于什么情况???




回复讨论(解决方案)

这样的问题 
其实你应该先说 这2个的实现效果是什么 步能因为部分重叠的功能 影响你的应用

“float” 主要用来进行列布局的;

行内元素(内联元素)是不能设置width、padding-left、padding-right等属性的,
如果你需要设置这些属性时,同时又不想它独占一行空间,就需要设置这个内联“display: inline-block”;

“inline-block”用得不是很多,大多数情况下“block”是可以替代“inline-block”的。

“行内元素(内联元素)是不能设置width、padding-left、padding-right等属性的” 这句话错了,
除了“Inline-block” 和 “float” 分别在什么时候用?_html/css_WEB-ITnose,内联元素不能设置width、height、padding-top、padding-bottom、margin-top、margin-bottom。

楼上解释的都很不错!总的说来就是需要让元素同时具备行间元素的特性,同时也具体控制宽高的地方使用。兼容性有问题,float是脱离文档流进行排版使用!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
git - resourcetree中的拉取和获取有什么区别
来自于 1970-01-01 08:00:00
0
0
0
php - toJson方法和jsonSerialize方法的区别?
来自于 1970-01-01 08:00:00
0
0
0
git服务器上防止切换分支
来自于 1970-01-01 08:00:00
0
0
0
eclipse中git Reset的使用
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板