草庐IT

parent_div

全部标签

javascript - 如何调用 div 调整大小的函数?

有一个新的CSS属性,称为resize,因此div也可以调整大小。但是如何附加事件监听器呢?因为.onresize只作用于window对象JSFiddle:http://jsfiddle.net/3y0gfj8j/编辑:我不想使用JQuery。这不是一个重复的问题。我只找到了这个问题的JQuery解决方案,这就是我问这个问题的原因。 最佳答案 我就是这样解决的。至少在Firefox中似乎工作正常。当您将光标从要调整大小的元素右下角的调整大小“抓取器”上移开时,它会触发。functionfunctionname(){//replace

html - 如何在div中均匀分布元素?

我必须将几个元素均匀流畅地放置在另一个div中,如下所示:我已经看到使用text-align:justify的技巧,如(https://stackoverflow.com/a/6880421/2159250)中给出的,但是给定一个或两个元素,它被放置(对齐)在右侧/左侧,如下所示:(这不是我在找什么)。如有任何帮助,我们将不胜感激。 最佳答案 左对齐内容如下所示(一个或多个点代表一个空格):+----------------------------------------------+|word.word.word.word|+--

html - 如何在div中均匀分布元素?

我必须将几个元素均匀流畅地放置在另一个div中,如下所示:我已经看到使用text-align:justify的技巧,如(https://stackoverflow.com/a/6880421/2159250)中给出的,但是给定一个或两个元素,它被放置(对齐)在右侧/左侧,如下所示:(这不是我在找什么)。如有任何帮助,我们将不胜感激。 最佳答案 左对齐内容如下所示(一个或多个点代表一个空格):+----------------------------------------------+|word.word.word.word|+--

html - CSS:是否有可能获得 100% 高度的 div,减去顶部和底部边距?

我可以获得100%高度的div,如下所示:T5*{padding:0;margin:0;}html,body{height:100%;}body{font-family:"lucidasans",verdana,arial,helvetica,sans-serif;font-size:75%;}h1{font-weight:bold;font-size:1.4em;padding:10px10px0;}p{padding:010px1em;}#container{min-height:100%;background-color:#DDD;border-left:2pxsolid#666

html - CSS:是否有可能获得 100% 高度的 div,减去顶部和底部边距?

我可以获得100%高度的div,如下所示:T5*{padding:0;margin:0;}html,body{height:100%;}body{font-family:"lucidasans",verdana,arial,helvetica,sans-serif;font-size:75%;}h1{font-weight:bold;font-size:1.4em;padding:10px10px0;}p{padding:010px1em;}#container{min-height:100%;background-color:#DDD;border-left:2pxsolid#666

javascript - 创建一个较小的 div 副本?

我有一个充满文本、照片等的div。它是动态生成的,通常高宽比约为10:1。我想在同一页面上创建此div的副本,但使其成为宽度的1/8。编辑:所有内容也应为1/8比例。这个瘦高的概述div不需要能够与之交互,只需准确显示另一个较大的div的内容即可。有什么想法我会/应该怎么做吗?谢谢! 最佳答案 您可以使用jQuery的clone()方法进行复制,使用css()方法来改变宽度。varw=$("#thediv").width();varclone=$('#thediv').clone().css("width",w/8);然后您可以使用

javascript - 创建一个较小的 div 副本?

我有一个充满文本、照片等的div。它是动态生成的,通常高宽比约为10:1。我想在同一页面上创建此div的副本,但使其成为宽度的1/8。编辑:所有内容也应为1/8比例。这个瘦高的概述div不需要能够与之交互,只需准确显示另一个较大的div的内容即可。有什么想法我会/应该怎么做吗?谢谢! 最佳答案 您可以使用jQuery的clone()方法进行复制,使用css()方法来改变宽度。varw=$("#thediv").width();varclone=$('#thediv').clone().css("width",w/8);然后您可以使用

javascript - 在网页上可见之前确定 DIV 高度的最佳方法是什么?

我有一个脚本可以从服务器获取数据并根据它组成一个DIV。DIV将包含图像、文本和其他未确定的内容。我想自由排列它,所以在显示给用户之前我需要知道它的高度和宽度。但是根据我的理解,我应该先让浏览器渲染它,否则我无法知道宽度和高度。有没有什么最好的方法可以在不向用户显示的情况下了解DIV的宽度和高度?编辑:一些好心人建议我使用jquery的.width()方法,但我想知道如果DIV包含图像,下载图像后jquery会等待吗?我事先不知道图像的尺寸。 最佳答案 您可以在div上设置display:none样式。然后使用jQuery中的.wi

javascript - 在网页上可见之前确定 DIV 高度的最佳方法是什么?

我有一个脚本可以从服务器获取数据并根据它组成一个DIV。DIV将包含图像、文本和其他未确定的内容。我想自由排列它,所以在显示给用户之前我需要知道它的高度和宽度。但是根据我的理解,我应该先让浏览器渲染它,否则我无法知道宽度和高度。有没有什么最好的方法可以在不向用户显示的情况下了解DIV的宽度和高度?编辑:一些好心人建议我使用jquery的.width()方法,但我想知道如果DIV包含图像,下载图像后jquery会等待吗?我事先不知道图像的尺寸。 最佳答案 您可以在div上设置display:none样式。然后使用jQuery中的.wi

jquery - 当 div 移动以填充淡出的其他 div 留下的空白空间时如何为 div 设置动画

我有一组div,每一个对应一组分类。当我单击过滤器时,这将更改div的类,并根据这些类别使它们可见或隐藏。我控制div的淡入/淡出方式,它们缓慢而漂亮地进行,但每次div消失时,保持不变的div会突然移动以填充隐藏的div留下的空白空间。在其他div消失并留下空白空间后,如何平滑未隐藏的div的移动?//Beforethisgoesalongfunctionthatdecideswichdivswillgettheirclasschanged$('#work-container>div[class*=visible]').fadeIn('slow','swing');$('#work-