时间戳

首页 > 解决方案 > 如何在带有溢出的div中正确放置文本：隐藏？

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

问题描述

我在溢出的 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 元素保存，但将其更改为带有任何类型 CSS 的 div 都不起作用。我想要发生的是让文本像任何普通容器一样遵守规则，它会自动换行。

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

标签： javascripthtmlcssoverflowdropdown

解决方案

Remove the float: left form your .textHolder class.

.textHolder {
  padding: 0px;
}

推荐阅读