CSS显示：内联与内联

 

可能重复：
display：inline和display：inline-block之间有什么区别？

在CSS中， display可以具有inline和inline-block 。 任何人都可以详细解释inline和inline-block之间的区别吗？

我到处搜索，最详细的解释告诉我， inline-block被放置为inline ，但行为像block 。 但它并不能解释究竟“表现为块”的含义。 它有什么特殊功能吗？

一个例子是更好的答案。 谢谢。

内联元素：

  • 尊重左右边距和填充，但不是顶部和底部
  • 不能设置宽度和高度
  • 允许其他元素坐在他们的左右。
  • 在这里看到非常重要的附注。

    • 块元素：

  • 尊重所有这些
  • 在块元素之后强制换行
  • 如果未定义宽度，则获取全角

    • 内嵌块元素：

  • 允许其他元素坐在他们的左右
  • 尊重顶部和底部边距和填充
  • 尊重高度和宽度

    • 来自W3Schools：

  • 内联元素在其之前或之后没有换行符，并且它容忍它旁边的HTML元素。

  • 块元素在其上下有一些空白，并且不允许其旁边的任何HTML元素。

  • 内嵌块元素作为内联元素放置（与相邻内容位于同一行），但它表现为块元素。

    • 当你想象这个时，它看起来像这样：

    CSS块vs内联vs内联块

    图片是从这个页面中获取的，这个页面也谈到了更多关于这个主题的内容。

    链接地址: http://www.djcxy.com/p/15783.html

    上一篇: CSS display: inline vs inline

    下一篇: What is the difference between display: inline and display: inline