【发布时间】: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。