当前位置: 首页 > 面试题库 >

display:inline vs display:block

高砚
2023-03-14
问题内容

以下CSS之间的基本区别是什么:

display:inline

和这个:

display:block

在元素上单独使用它们,我得到相同的结果。


问题答案:

display:block
表示该元素显示为一个块,因为段落和标题一直都是。一个块在其上下都有一定的空格,并且不允许在其旁边的HTML元素,除非另有规定(例如,通过向另一个元素添加一个float声明)。

display:inline 表示元素在同一行的当前块内以行内显示。仅当元素位于两个块之间时,该元素才形成“匿名块”,但宽度最小。



 类似资料:

相关阅读

相关文章

相关问答