Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用绝对位置自动生成左侧和顶部css_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用绝对位置自动生成左侧和顶部css

Javascript 使用绝对位置自动生成左侧和顶部css,javascript,jquery,html,css,Javascript,Jquery,Html,Css,以这些为例: 在那里,我看到每个帖子都有一列框,位置很整齐,我尝试用各种方法来做,但我制作的每个框都不能完全像网站上的那样 看起来,他们通过在每个框上使用绝对定位,使用自动值使每个字段框向左和向上生成css。使用javascript/jquery的可能性,是否有一个javascript示例,类似于他们在网站上使用的使css的值向左和向右自动的javascript?这似乎是他们正在使用的:。 希望这能有所帮助。以下几点: i = 0; columnwidth = 300; $('.box')

以这些为例:



在那里,我看到每个帖子都有一列框,位置很整齐,我尝试用各种方法来做,但我制作的每个框都不能完全像网站上的那样


看起来,他们通过在每个框上使用绝对定位,使用自动值使每个字段框向左和向上生成css。使用javascript/jquery的可能性,是否有一个javascript示例,类似于他们在网站上使用的使css的值向左和向右自动的javascript?

这似乎是他们正在使用的:。
希望这能有所帮助。

以下几点:

i = 0;
columnwidth = 300;
$('.box').each(function(){
    i++;
    if ( i > 4 ){
        i = 1;
    }
    $(this).addClass('column-' + i);
    $(this).css('left', (i-1) * columnwidth + 'px');

    columnheight = 0;
    $('column-' + i).each(function(){
        columnheight += $(this).css('height');
    }

    $(this).css('height', columnheight + 'px');
});
看这里:


这是我离开办公室时匆忙做的,可能不会起作用。这会让你知道为了达到你想要的效果,你需要做些什么。

无需重新发明轮子


您正在寻找插件。

jQuery可以动态更改CSS。只需使用.attr[style]添加内联CSS,或者您可以添加/编辑标记类。是的,您是对的,几分钟前我从truedigital.co.uk看到了脚本,它们正在使用砌体。谢谢你的回答,这是一个没有使用砖石或同位素插件的手动脚本,太好了,我会试试。。谢谢你的帮助