您是否知道有关“何时使用display:block :inline以及何时:inline-block”以及为何使用的好文章？
当我们必须覆盖显示时：??通过css获取任何HTML标签/元素？
答案 0 :(得分：14)
inline - 将元素视为内联文本块。 width和height毫无意义
block - 将元素视为矩形。可以指定width和height
inline-block - 将内容元素与文本内联，但允许指定width和height。
无论如何，元素默认为其中之一。例如：
<span>，<em>，<strong> - ＆gt; inline
<div>，<p> - ＆gt; block
答案 1 :(得分：5)
quirksmode.org对屏幕截图有一个很好的解释：
答案 2 :(得分：4)
块和内联的用例非常明显。如果要将样式应用于短文本（例如几个单词），请使用内联，并对宽度/高度的矩形区域使用块。
对于内联块，它自然地用于图像。当你想让小块从左到右，从上到下像普通文本一样流动时，这很有用，但仍然像块一样。
注意：在90％的情况下，您不需要指定display属性，只需对类使用适当的元素，例如<strong>或<em>用于内联，{{1 }}或<div>用于块。它发挥作用的主要方式是使用Javascript隐藏内容时，您只需将元素恢复为原始/自然显示属性。
答案 3 :(得分：2)
默认情况下，分区显示为块。这将它放在自己的路线上并扩展以填充其容器。内联元素基本上划分为跨度（在其默认状态下）。您不能再对其应用任何内容，它会以任何文本内联显示。你可以得到两者之间的中位数：内联块。这样可以在分区上进行更多样式设置，包括设置宽度和高度，但仍然显示与文本内联的“块”，有点像图像。
因此，内联，内联块和块更像是元素的级别，每个元素都具有可以/不能应用于元素的某些样式。