设置内联元素的宽度

Question

设置内联元素的宽度您可以设置内嵌元素的宽度，例如<span>，<em>和<strong>，但在定位之前您不会注意到任何效果。a）我认为内联元素的宽度不能设置？ b）假设可以设置宽度 - 在我们定位内联元素之前，我们不会注意到任何效果（因此我们指定的宽度）。定位如何/在哪里？ c）为什么内联元素的宽度只有在我们“定位”它们时才会显现？

Answer 1

正如其他人所提到的，设置内联元素的宽度（或其他一些与位置相关的属性）将导致浏览器将元素显示为块元素。

您可以通过使用CSS display属性显式声明此类行为。最常见的设置是display: inline（默认）display: block，和display: none。这里
提供该display物业的完整参考。

但是，应该注意的是，HTML 4.01规范不鼓励使用“覆盖HTML元素的传统解释”：

样式表提供了指定任意元素的呈现的方法，包括元素是呈现为块还是内联。在某些情况下，例如列表元素的内联样式，这可能是合适的，但一般来说，不鼓励作者以这种方式覆盖HTML元素的传统解释。

Answer 2

还有display：inline-block选项，可以为您提供两全其美的选择。