【问题标题】:Div Resive To Fit TextDiv 调整大小以适合文本
【发布时间】:2015-09-16 02:58:53
【问题描述】:

这不是得到答案的必要条件,但它更像是我遇到的一个问题。 假设我有一段文本,我希望包含它的 div 元素根据文本量按比例调整其宽度属性。有没有一种优雅的方式来做到这一点? 我已经阅读了有关最小宽度的信息,但在我的情况下不起作用。

【问题讨论】:

    标签: html css resize width


    【解决方案1】:

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

    【讨论】:

    • 是的,我也是这么想的。我希望有没有JS的方法。感谢您证实我的怀疑。
    • 没问题。当我刚开始开发时,我讨厌为了任何事情而去 JS。我尽量保持纯 CSS。但是,这只是用 JS 更好地完成的事情之一。
    【解决方案2】:

    如果您心中有一个目标宽度/高度比,您也许可以实现一个纯 CSS 解决方案。看看这个previous post 的主题。

    诀窍是添加父 <div> 并应用 padding-bottom

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-09-04
      • 2011-09-03
      • 2023-03-28
      • 1970-01-01
      • 1970-01-01
      • 2013-12-21
      • 2014-02-02
      • 1970-01-01
      相关资源
      最近更新 更多