如何防止标题 () 占用的宽度超出其需要的宽度？
如果我定义像
有没有办法确保其宽度设置为尽可能的最小值？
If I define a heading like <h1>, its width is set to 100% by default.
Is there a way to make sure its width is set to the smallest value possible?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
如果我定义像
有没有办法确保其宽度设置为尽可能的最小值？
If I define a heading like <h1>, its width is set to 100% by default.
Is there a way to make sure its width is set to the smallest value possible?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您可以给它
display: inline。这将使其表现得像任何文本元素 -的默认值为display: block。还有其他方法：例如
float: left，但我发现这是最简单且副作用最少的方法。请注意，您可能需要添加
之后换行。You can give it
display: inline. This will make it behave like any text element - the default for<h1>isdisplay: block.There are other ways:
float: leftfor example, but I find this the simplest and the one with the fewest side effects.Note that you will then probably have to add a
<br>to ensure a line break after the<h1>.不要使用
display: inline，而是使用display: inline-block。这将保留 h1 标签的块状品质，但 100% 宽度除外。Instead of
display: inline, give itdisplay: inline-block. This will retain the block-like qualities of the h1 tag, except for the 100% width.我认为
width: fit-content;更好。https://jsfiddle.net/fqk1a2v6/
I think that
width: fit-content;is better.https://jsfiddle.net/fqk1a2v6/
它是一个块级元素，因此它遵循
display:block的规则。您可以设置display:inline，它可能会执行您需要的操作，也可能不会执行您需要的操作，具体取决于上下文。It's a block level element, so it follows the rules of
display:block. You can setdisplay:inline, which may do what you need or not, depending on the context.