css – Float:left和Display:inline之间有什么区别?默认情况下,浏览器中的每个元素都向左移动

前端之家收集整理的这篇文章主要介绍了css – Float:left和Display:inline之间有什么区别?默认情况下,浏览器中的每个元素都向左移动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Float和Display之间的区别是什么:inline?默认情况下,每个浏览器中的所有内容都会左移。那么2显示内联元素应该像float:left一样工作。

http://www.w3schools.com/css/tryit.asp?filename=trycss_display_inline

解决方法

display:inline表示元素将“堆叠”在其他项目(如图片,跨度或粗体标记)旁边。这与块级元素(显示:块)相反,块级元素占据水平空间,意味着换行符,并且不会像div,段落或表一样坐在一起。

以这种方式想想…

<img /><img /><img />

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

float是一个不同的概念,向左或向右移动内容。默认情况下,浮动元素是内联的,浮动的元素将相互堆叠。

所有这些类型的元素都是正常文档流的一部分,这意味着它们占用设计中无法共享的“空间”。

猜你在找的CSS相关文章