Div Resive To Fit Text

Question

这没有必要得到答案，但这更像是我遇到的问题。 假设我有一段文本，我希望包含它的div元素按比例调整宽度属性与文本量成比例。有一种优雅的方式吗？ 我读过关于最小宽度的内容，但在我的情况下不起作用。

Answer 1

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

Answer 2

如果您考虑到目标宽度/高度比，则可以实现纯CSS解决方案。看一下这个主题的previous post。

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