【问题标题】:CSS selector if sibling div overflows?如果兄弟 div 溢出,CSS 选择器?
【发布时间】:2021-03-06 03:33:56
【问题描述】:

我有以下html

<!-- initial height is enough to show one line of text -->
<div id="div1"> some dynamic text </div>

   .
   .
   .

<!-- on clicking uses JS to set height of div1 to fit content
     only show if div1 has text overflowing -->
<div id="div2"> expand div1 </div>

现在,我只想在 div1 有足够的文本需要扩展时才显示 div2,也就是说,如果 div1 中的内容溢出。我知道它可以使用 JavaScript 来实现,但我想知道它是否可以仅使用 CSS 来实现。

有什么建议吗?

编辑:
呈现页面时动态获取文本。我也不能使用媒体规则,因为我隐藏扩展 div 的宽度不是固定的(宽度阈值取决于每次渲染时变化的动态文本的长度)

【问题讨论】:

  • 没有选择器。
  • 这能回答你的问题吗? Display read more button
  • @AdamP。不,我不能使用 JS 或 jQuery。

标签: html css


【解决方案1】:

正如CBroe 提到的,没有用于溢出检测的选择器。您尝试做的事情目前不可能仅使用 CSS。

另外还有一个关于添加此类选择器的 GitHub 问题,但可能会以WON'T FIX 关闭

提到的 GitHub 问题:link

相关堆栈问题:link

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-08-10
    • 2012-08-02
    • 2011-12-13
    • 1970-01-01
    • 2014-04-23
    • 2014-02-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多