我有一个包含图像、标题和描述的div。
<div class="item">
<div class="item-header">
<div class="item-header-image">
<img src="img/items/15839.png" alt="Pile Steamer" width="80" height="80">
</div>
<div class="item-header-title">
Pile Steamer
</div>
La seule façon de savoir si celle-ci est chargée, consiste à poser ses deux extrémités sur votre langue. Si vous perdez la langue, elle était chargée.
</div>
</div>我想设置item-headerdiv的宽度，以便我的图像和标题适合一行div(它们都是display: inline-block;(。但我不想让我的div更宽，项目上的描述可能会占用几行。
我可以设置与特定项目匹配的固定宽度，但它不适用于不同的标题。
我可以将div的宽度设置为细分的宽度 +80px吗？(80px是我图像的宽度。
您应该将所需的标题和图像包装在div 内的一行中，并为该div 提供display:flex样式属性。这是我想出的代码，它似乎按照您的预期工作：
<html>
<body>
<div class="item">
<div class="item-header">
<!-- Item header line div -->
<div style="display:flex;">
<div class="item-header-image">
<img src="img/items/15839.png" alt="Pile Steamer" width="80" height="80">
</div>
<div class="item-header-title">
Pile Steamer
</div>
</div>
La seule façon de savoir si celle-ci est chargée, consiste à poser ses deux extrémités sur votre langue. Si
vous perdez la langue, elle était chargée.
</div>
</div>
</body>
</html>附带说明一下，如果您提供 css 和 html，社区会更容易回答您的问题。
希望这有帮助！