Jquery 浮动元素的第一行的宽度?

Jquery 浮动元素的第一行的宽度?,jquery,width,css-float,css,Jquery,Width,Css Float,Css,假设我有一堆div向左浮动,以网格状的方式。这些是在一个固定宽度的容器中 现在我想知道第一排的宽度!这样我就可以将这个宽度与固定宽度进行比较,看看是否有很多空白,我想尽量减少。。通过将容器宽度设置为第一行元素的宽度 现在,困难在于当我浮动元素时,没有第一行或第二行的概念。。我不需要知道第一行的宽度,我只需要知道容器右侧最后一个元素旁边的空白像素的nr 看这个例子:(不要介意花哨的颜色,只是为了测试) 右侧的空白太多。。我不能在手之前计算这些,因为边距、边框宽度、图像宽度等都是动态的 谢谢 我不确

假设我有一堆div向左浮动,以网格状的方式。这些是在一个固定宽度的容器中

现在我想知道第一排的宽度!这样我就可以将这个宽度与固定宽度进行比较,看看是否有很多空白,我想尽量减少。。通过将容器宽度设置为第一行元素的宽度

现在,困难在于当我浮动元素时,没有第一行或第二行的概念。。我不需要知道第一行的宽度,我只需要知道容器右侧最后一个元素旁边的空白像素的nr

看这个例子:(不要介意花哨的颜色,只是为了测试)

右侧的空白太多。。我不能在手之前计算这些,因为边距、边框宽度、图像宽度等都是动态的


谢谢

我不确定它是否适用于浮动子节点,但您可以尝试在不指定宽度和高度的情况下将“display:inline block”添加到容器div中。这样,容器就越窄……如果这正是您想要的。

好吧,您还没有真正向我们展示您的HTML,因此很难给出非常具体的建议,但我知道的唯一方法是测量一个网格元素在页面中的大小,然后将容器设置为最接近的整数倍,这样容器中就没有多余的空间了

jQuery提供了非常有用的方法
.width()
.innerWidth()
.outerWidth()
来进行测量,具体取决于您要做什么


如果容器本身有边距或填充,则在计算容器的所需宽度时必须考虑边距或填充,以便在其内部留下完整的空间。

广义上,您可以通过嵌套元素循环,并使用
.offset().top
.position().top
。如果元素
n
n+1
是具有不同顶部偏移的第一个元素,则它们必须位于不同的行中

然后添加元素
0
n
的宽度(以及它们的填充、边框和边距),以获得该行的总宽度


(哦,别忘了退出循环,因为你只需要计算第一行。)

你把它复杂化了。你真的不需要做这些。你总是有4张这样的照片吗?如果是这样,您可以使用
width:25%;文本对齐:居中

我必须设置一个宽度,因为我正在制作一个旋转木马,在单击“下一步/上一步”时,该旋转木马必须更新向左滚动。有一些div(页面)是向左浮动的,我相信它们里面是内联阻止的图像。如果我在自己设置之前尝试获取width(),它只会返回零。出于某种原因,当我想要获取这个div的宽度时,jquery会返回零。(在document.ready中)您必须向我们显示HTML和代码,以便我们进一步提供帮助,否则我们所能做的就是胡乱猜测。jQuery的
.width()
可以处理页面中可见的元素。不,它只能是1个图像、10个图像和100个图像。