我正在使用div和jquery重建一个类似于<select>框的下拉菜单。包含下拉项的div应该有一个最小宽度,但没有最大宽度,因为它应该随着列表中最宽的项一起增长(所以如果我有非常长的项,比如“this is The long item in the container”,整个容器应该和这个条目一样宽。
现在,我几乎得到了我想要的东西,对容器中的每个项目使用white-space:nowrap,这样项目的文本就不会在新行上继续。使用的问题是文本排出框,而不是让框沿着文本增长。我想不出怎么解决这个问题。我已经尝试过text-overflow:ellipsis,但这似乎只是隐藏了溢出
在Javascript中,我有一个div,里面有一个段落。我已经产生了一种效果,即div在宽度上慢慢扩展&显示了下面段落中的文本。
我将div宽度设置为零,然后每10毫秒将宽度增加10 by。这很好,因为我已经将div设置为隐藏溢出。
My Problem:,但是段落中的文本封装到父div的当前宽度,这意味着随着宽度的增加,文本会跳来跳去&重新格式化。
我想要删除/阻止这种情况发生,所以我将段落宽度设置为100 in ( div的宽度一旦完全扩展),但问题是当我检查Firebug中的段落元素的CSS宽度时,它没有设置,即它没有在HTML元素内联CSS样式中列出?
它让我认为段落
我有一个包含图像的div,图像对于div来说太大了。我已经用明显的CSS overflow:hidden技巧解决了溢出问题。
但是,问题是,当div的父级调整大小(缩小)时,保存图像的div不会因为其中的图像而缩小。
有没有办法让一个可调整大小的div里面有一个溢出的图像(几乎像一个背景图像)?
我的DIV结构:
<div id="parent">
<div id="image_holder">
<!-- this image will inevitably be larger than its parent
我正在尝试在JS中实现一个下拉列表。我有一个包含大量项目的div容器。我想让它成为一个下拉列表,以便当下拉菜单被点击打开时,当前选择的项目将完全留在相同的位置,其他项目将显示在它的上方和下方。
我从这个结构开始:
<div>this is some random paragraph of text or any other content where dropdown will be positioned
<div class="dropdown"><ul>
<li>aaaaa