如何在溢出：隐藏的 div 中正确放置文本？

Question

我在 div 中的文本有问题，溢出：隐藏。 div 是一个下拉列表，显示另一个包含图像和文本的 div。下拉菜单适用于 javascript 编辑高度。还有一个问题；偶尔点击下拉按钮，需要点击两次才能生效，我不知道为什么。

<div class="dropDiv">
<strong class="divTitle">Title</strong>
<div class="dropDownBtn" onclick="dropDown()"></div>
<br>
<div class="heroInfoDiv">
<img height="100%" width="20%" src="Media/image/img.png">
<div class="textHolder">If this text is too long, it dissapears.</div>
</div>
</div>

起初我尝试让 div 将文本作为 p 元素保存，但将其更改为 div 并加上任何类型的 CSS 都没有用。我想要发生的是让文本像任何普通容器一样遵守规则，它会自动换行。

这是一个显示正在发生的事情的 jsFiddle： https://jsfiddle.net/56oypcbj/5/

Answer 1

从您的 .textHolder class 中删除 float: left。

.textHolder {
  padding: 0px;
}

如何在溢出：隐藏的 div 中正确放置文本？

How to fit text properly inside a div with overflow: hidden?

html

javascript

css

overflow

dropdown