当前位置:  开发笔记 > 前端 > 正文

CSS:显示差异

如何解决《CSS:显示差异》经验,为你挑选了2个好方法。

display:block和display:inline有什么区别



1> apandit..:

display:block
将使对象强制容器内的其他对象进入新行.

display:inline
尝试在与其他对象相同的行上显示对象.

显示:块

Item 1 
Item 2 
Item 3

显示:内联

Item 1 Item 2 Item 3



2> 小智..:

块元素通常垂直堆叠,而内联元素将水平排列.

两个Div将叠加在一起,但如果将它们设置为显示:inline,它们将水平相邻.与Span标签相反.

推荐阅读
落单鸟人
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有