Html 大小div到it'；s内容中不带“；宽度：适合内容“；

下面是一个代码片段，其中包含我想要复制的确切行为

我想在鼠标悬停在链接的任何位置时为标题添加效果

.link{
显示：块；
宽度：250px；
文字装饰：无；
颜色：黑色；
填充：10px；
边框：纯黑1px；
}
.链接.标题{
边缘底部：8px；
宽度：适合的内容；
}
.link:hover.title{
背景颜色：浅蓝色；
}

---

在

中使用
显示：内联块
是否为您解决此问题？您可以使用span或只为标题div设置display:inline，而不提及任何宽度属性。Thx用于快速回答！在我的实际用例中，我必须使用
.title
上的
display:flex
来管理它的内容。因此，我无法真正使用你的解决方案…@benzi11，如果你没有公布真实案例，你希望得到什么样的答案试试
inline flex
@KoshVery你是对的，我应该发布更多细节。我想尽量缩短我的帖子长度。