根据div的内容调整div大小

文章/答案/技术大牛

发布

0回答

javascript、jquery、html、css、twitter-bootstrap

我有这个Li标签，它在我的bootstrap主题中显示通知下拉列表，但问题是如果这个li标签中没有内容，那么它也会显示300px高度，我也尝试过删除那个高度，但仍然没有成功。如果li标记中没有内容，我如何调整它的大小。内容显示在media-body标签中 <a href="#" class="dropdown-t

浏览 7提问于2016-07-10得票数 0

6回答

我很好奇，如果使用Javascript和jQuery库，我是否能够模仿像Facebook或Twitter这样的东西，当滚动条到达某个点，div的高度被扩展，更多的数据被显示出来。我对JQuery库非常陌生，我注意到其中有一个“可调整大小”的函数。我知道使用CSS我可以使用overflow: auto;，但我只是想要看起来更好一点的东西。如果除了javascript之外还有其他选择，我很好奇哪个解决方案是最好的。

浏览 13提问于2011-02-16得票数 2

回答已采纳

1回答

根据内容动态调整div的大小

javascript、jquery、html、css、knockout.js

我正在尝试以下场景:一个部分作为一个容器，并在不同的div中。这些是动态创建的。我正在解析一个JSON文件，对于我找到的每个人的名字，我必须创建一个div，其中包含该人的照片和照片下面的名字。所以我的div包含一个图片和一个字符串。我想要做的是将这些div放在段/容器内的一行中。不幸的是，到目前为止我还不能这样做，并且div是垂直显示<

浏览 3提问于2016-10-03得票数 0

2回答

根据div中有多少对象调整div内容的大小。

jquery、css、coldfusion、coldfusion-8

由于每个报表在报表项的顺序、数量和类型上都是唯一的，因此我们需要有一个div，它将保持相同的大小(因为它是一个弹出缩略图)，但是每个报表项将根据在同一个div中的其他数量来调整大小。也就是说，如果只有一个列表，它将占据整个div，但如果两个，那么每个将占据分配空间的50%，等等。我不知道该如何开始解决这个问题，所以如果我把树弄错了，请说出来。我已经看到过用css动态调整</

浏览 7提问于2015-02-10得票数 0

回答已采纳

1回答

根据div容器调整内容大小和大小

javascript、html、dynamic、height、autoresize

我正在尝试使一个页面，这是设置喜欢的图像。A和B是动态高度，它们的宽度是静态的。C是静态大小的高度500px和宽度500px。我如何使每个A和B中的内容高度彼此调整大小而不超过500px的高度

浏览 0提问于2013-03-02得票数 0

1回答

Div无法根据内容大小进行调整

html、css、flexbox、bootstrap-4

我有一个div，当我使用Chrome DevTools时，div (以蓝色突出显示)比它的内容小。黑线显示div的实际高度，而红线显示div应该有多高。<div class="col-md-12"> <div id="survey" class="survey"></div</em

浏览 4提问于2018-05-24得票数 0

2回答

根据动态内容动态调整div的大小？

javascript、jquery、html、css、ajax

我有一个名为容器的div，它包含通过javascript动态创建的内容(段落)。问题是，当副翼超出容器的边界时，就不会在div上显示。为了解决这个问题，我尝试了溢出，但这只是添加了x，y滚动条。我要做的是，在添加了每一个参数之后，增加容器的高度--当段落被添加到20 px的容器中时，容器的高度在下一段中再增加到40 px。<div class="container">

浏览 2提问于2014-12-26得票数 5

回答已采纳

3回答

根据子DIV中的内容调整容器DIV大小

html、css、size

我已经为我的问题找了一个解决办法，但我还没有找到。更好理解<em

浏览 3提问于2015-04-06得票数 3

回答已采纳

1回答

根据div中的内容调整图像大小

html、css

我有一个带有另外两个元素的父div，一个包含文本内容，另一个可能包含图片。图片和文本的大小/长度可能不同。我希望父div根据内容增长，但只增长到一定的高度。如果有图像，我希望图像放大或缩小以使父div达到最大高度。如果没有图像，我希望父div缩小以包含文本。镜像将通过JavaScript添加。我已经在下面的图片中说明了我想要做的事情。 ? 我原本希望下面的代码能正常工作

浏览 11提问于2021-07-14得票数 1

回答已采纳

2回答

根据内容的大小调整flexbox div的大小

html、css、flexbox

我有一个看起来像这样的flexbox，我正在尝试删除内容末尾的所有额外空间。 ? 我希望它的大小如下所示，宽度大小是为了适应里面的内容，而不是比它需要的更宽。 ? 我还希望它具有这样的属性，即宽度将根据需要增长，以便适合其中的内容，然后在需要时换行到下一行。 ? 当然，我希望子元素的大小合理以适合其内容(即

浏览 28提问于2020-05-01得票数 2

回答已采纳

2回答

内容div未根据需要调整大小

html、css

我的网页上有以下三个div！height: 60px;background-image: url(../images/header_bg.jpg);display: block;min-width: 1024px;} #butt

浏览 3提问于2013-04-30得票数 0

1回答

使div自动调整大小以适应其容器高度

html、css

我有一个这样的HTML： <div class="banner"></div> <div class=&quo

浏览 1提问于2013-05-18得票数 3

回答已采纳

1回答

bootstrap中可调整大小的div

twitter-bootstrap

我需要开发下面在bootstrap中提到的布局。<div id="header">Header</div> <div id="sidebar">Sidebar</div> <div id="content">Content</

浏览 2提问于2014-07-01得票数 2

2回答

如何使用css在调整浏览器窗口大小时使子div可滚动

html、css

<div id="div1"> // content set the height of div 2</div> 当我调整浏览器大小时，我现在坚持让我的孩子div可滚动。div1将

浏览 4提问于2014-09-18得票数 1

4回答

Div根据div内的跨度调整大小

html、css

我在div标记中有一个跨度，如下所示<span class="spanClass"></span> font-size: .7em; font-family: Verdan

浏览 0提问于2017-05-18得票数 0

1回答

大小为两列的HTML表仅为不带JavaScript的右列

html、css、html-table

我有一个简单的HTML表，如下所示。这两个列都包含动态内容，但左边有一个可滚动的div。我希望该可滚动div的显示高度根据表的大小进行调整，并使表大小仅由column2的动态高度设置。</div> </tr>我希望该表仅<

浏览 0提问于2012-06-01得票数 1

回答已采纳

2回答

根据子内容调整父容器的大小

javascript、html、css、masonry

我正在尝试根据内容调整父容器的大小。目前，它使用百分比作为宽度。不幸的是，图像容器不能根据它的内容调整大小。有没有一种方法可以根据父容器的宽度(包括内容)来调整子容器的大小，或者让父容器来调整大小？或者说，子内容(即图像)的</e

浏览 7提问于2014-05-03得票数 0

1回答

过滤div内容后调整div大小

jquery、html、search、filter、resize

所有产品都有自己的div，但都在一个“大div”中。当使用过滤器时，不符合过滤条件的产品的div将消失。但是，“大div”的高度不会改变。我们如何让“大div”的高度自动调整呢？需要说明的是，在应用滤镜之前，有很多产品，所以div的高度非常大。一旦应用了过滤器，此div中的产品数量就会减少，但高度不会改变。这

浏览 21提问于2019-04-21得票数 0

2回答

Div根据窗口宽度和高度自动调整大小

jquery、html、resize、window

我正在做一个项目，我正在尝试创建以下内容：我想有三个或更多的div下面彼此(与内容和背景图像)。当您打开浏览器时，所有这些div都必须自动调整大小以适应浏览器的大小(宽度和高度)。当您调整浏览器窗口的大小时(不刷新)，div必须和它们原来一样大(所以它们不应该随窗口调整大小)。将浏览器屏幕缩小并刷新后，div

浏览 0提问于2012-06-17得票数 1

1回答

根据其子div调整div的大小

css

我想建立一些弹出式窗口，其中包含一些sub_div。问题是，当我在弹出窗口中调整窗口大小时，留出一些空白。我在这里举了一个例子： <div id="sub_all"></div> <div id="sub_all"></div><

浏览 1提问于2014-12-05得票数 0

点击加载更多