Div 适应文本

Question

这不是获得答案所必需的，但这更多是我遇到的问题。 假设我有一段文本，我希望包含它的 div 元素根据文本量按比例调整其宽度 属性。有没有一种优雅的方法可以做到这一点？ 我读过有关最小宽度的信息，但对我来说不起作用。

Answer 1

文本通常会流动以填充其容器。我不认为 CSS 将是完成此任务的最佳方式。对于 CSS 的局限性，这个概念太动态了。我能想到的最好的方法是使用 javascript 根据其中包含的字符串的长度调整 div 的宽度。

Answer 2

如果您心中有一个目标 width/height 比率，您也许能够实施一个纯粹的 CSS 解决方案。看看关于这个主题的 previous post。

诀窍是添加应用了 padding-bottom 的父 <div>。