Javascript 如何在一个盒子里放更多的内容

我很难满足客户的要求。 有一个非常小的框（230px 200px）包含一个图像，该图像将被悬停列表覆盖。 现在，客户希望列表中的项目比盒子中的项目多。但是在覆盖层上滚动感觉不太好，所以我需要一些其他类型的设计解决方案

---

我知道这不是一个硬核编程问题，但我依靠社区对解决我问题的酷js/css黑客和插件的了解。

如果您或客户可以修改显示的数据量。然后分析块的大小，查看它最多能容纳多少个字符，然后修改服务器脚本以相应地显示数据。而不是试图从设计的角度去适应它，这并不是每次都能解决的问题

否则，如果您真的想从设计本身开始，那么请尝试根据内部显示的数据量调整字体大小和间距。这看起来有点尴尬，因为每个块都有不同的字体大小。但如果这不是你的客户所关心的，那么你可以继续尝试

如果不同的字体大小不是一个问题的话，像这样的东西可能会起作用。我已将默认字体大小设置为16px

<div class="infos">Some Text</div>
<div class="infos">Some Text</div>
<div class="infos">Some Text</div>

$(".infos").each(function(){
    x = $(this).html().length;
    roundValue = Math.round(x/160);
    fontSize = (roundValue>0)?16-roundValue:16;
    $(this).css({"font-size":fontSize});
});

一些文本
一些文本
一些文本
$（“.infos”）.each（函数（）{
x=$（this.html（）.length；
roundValue=数学四舍五入（x/160）；
fontSize=（roundValue>0）？16 roundValue:16；
$（this.css（{“font-size”：fontSize}）；
});

您需要根据需要对其进行修改

---

如果您可以将图像作为背景（css属性），您可以使用隐藏和显示来隐藏或显示悬停列表，并使用溢出

我为你做了一把小提琴，用了一个虚拟的图像，但它应该能起作用。。。让我知道这是否是你想要实现的

---

jsfiddle.net/mk5Tb/1/

将您的网站url放在此处或任何屏幕快照“显示下一个X实体”按钮如何？或者按页面组织？或者直接告诉客户它不合适；）只需在鼠标悬停时为列表显示一个更大的容器。看看悬停在这里的标签描述。根据你的需要调整这个问题。这个问题与css/html/javascript有什么关系？