如何防止标题（ ) from taking up more width than they need?

Question

如果我定义像<h1>这样的标题，默认情况下其宽度设置为100％。

有没有办法确保其宽度设置为可能的最小值？

Answer 1

你可以给它display: inline。这将使其行为像任何文本元素 - <h1>的默认值是display: block。

还有其他方法：例如float: left，但我发现这是最简单的，副作用最少的。

请注意，您可能需要添加<br>以确保在<h1>之后换行。

Answer 2

而不是display: inline，给它display: inline-block。除了100％的宽度外，这将保留h1标签的块状质量。

Answer 3

它是块级元素，因此它遵循display:block的规则。您可以根据具体情况设置display:inline，它可以根据您的需要做或不做。