您是否知道有关“何时使用display:block何时何:inline地:inline-block”以及为什么的好文章？
以及何时我们必须覆盖 display:?? 通过 css 获取任何 HTML 标记/元素？
问问题
12815 次
4 回答
20
inline- 将元素视为内联文本块。width并且height毫无意义
block- 将元素视为矩形。width并且height可以指定
inline-block- 流动与文本内联的元素，但允许width和height被指定。
无论如何，元素默认为其中之一。例如：
<span>, <em>, <strong>->inline
<div>, <p>->block
于 2010-06-15T06:42:44.097 回答
5
quirksmode.org 有一个很好的截图解释：
于 2010-06-15T06:45:23.437 回答
5
块和内联的用例非常明显。如果您想将样式应用于一小段文本（例如几个单词），请使用内联，并对具有宽度/高度的矩形区域使用块。
至于 inline-block，它自然地用于图像。当您想让小块像常规文本一样从左到右、从上到下流动时，它很有用，但仍然像块一样。
注意：在 90% 的情况下，您不需要指定display属性，只需将适当的元素与类一起使用，例如内联<strong>或块。它发挥作用的主要方式是在使用 Javascript 隐藏内容时，您只需要将元素恢复为其原始/自然显示属性。<em><div><p>
于 2010-06-16T12:16:40.437 回答
2
默认情况下，分区显示为块。这会将其放在自己的线上并扩展以填充其容器。内联元素基本上将划分为一个跨度（在其默认状态下）。你不能再对它应用太多东西，它会与任何文本内联显示。您可以获得两者之间的中位数：inline-block。这允许在分割上进行更多样式设置，包括设置宽度和高度，但仍然显示与文本内联的“块”，有点像图像。
因此，inline、inline-block 和 block 更像是元素的级别，每个级别都有可以/不能应用于元素的某些样式。
于 2010-06-15T06:45:37.733 回答