如何防止<H1>占用超出他们需要的宽度

Question

如果我制作<h1>标题,默认情况下其宽度设置为100%.有没有办法确保其宽度设置为可能的最小值？我需要这个用边框做特殊的CSS东西.

Answer 1

你可以给它display: inline,这将使它的行为像任何文本元素(默认为<h1>是display: block).还有其他方法 - float: left例如 - 但我发现这是最简单的,副作用最少的方法.

请注意,您可能需要添加一个<br>以确保在h1之后换行.

Answer 2

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

Answer 3

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

我认为这样width: fit-content;更好。