草庐IT

DIV_TERRITORIOS

全部标签

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-

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

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

css - html - 将页面拆分为所需的形状作为 div?

我正在尝试将页面拆分成不同的形状,如下图所示:问题是我正在尝试创建div作为图像中的形状,以便我可以将内容放入其中,并通过更改css样式更改它们的颜色并使用JavaScript赋予它们效果,在网上搜索时,我确实遇到了一些网站,例如CSSTricks创建CSS三Angular形,但这并不是我想要的,因为我不能将内容放在这样的div中,也不能得到我需要的形状,我在想也许我可以用元素得到这样的结果,但我真的不知道如果使用而不是合乎逻辑并且可以获得我想要的效果?有没有办法将一个Html页面分割成任何想要的形状? 最佳答案 嗯,你可以使用cs

css - html - 将页面拆分为所需的形状作为 div?

我正在尝试将页面拆分成不同的形状,如下图所示:问题是我正在尝试创建div作为图像中的形状,以便我可以将内容放入其中,并通过更改css样式更改它们的颜色并使用JavaScript赋予它们效果,在网上搜索时,我确实遇到了一些网站,例如CSSTricks创建CSS三Angular形,但这并不是我想要的,因为我不能将内容放在这样的div中,也不能得到我需要的形状,我在想也许我可以用元素得到这样的结果,但我真的不知道如果使用而不是合乎逻辑并且可以获得我想要的效果?有没有办法将一个Html页面分割成任何想要的形状? 最佳答案 嗯,你可以使用cs

javascript - 输入新字符后获取 contentEditable div 高度

我目前有一个contentEditablediv,宽度固定,高度灵活,必须根据用户输入的长度增加或减少。问题是我想到了下面的代码,我根据最后输入的字符获取了contentEditable的高度,这是我的代码:functionsetInTitle(){vartitleHeight=document.getElementById('title').offsetHeight;}所以,我需要通过JAVASCRIPT,在键入新字符后立即获取contentEditable高度,如果可能的话,在字符呈现之前,如下图所示:按下键盘键=>JS使用新的CHAR获取CONTENTEDITABLEDIV的高度

javascript - 输入新字符后获取 contentEditable div 高度

我目前有一个contentEditablediv,宽度固定,高度灵活,必须根据用户输入的长度增加或减少。问题是我想到了下面的代码,我根据最后输入的字符获取了contentEditable的高度,这是我的代码:functionsetInTitle(){vartitleHeight=document.getElementById('title').offsetHeight;}所以,我需要通过JAVASCRIPT,在键入新字符后立即获取contentEditable高度,如果可能的话,在字符呈现之前,如下图所示:按下键盘键=>JS使用新的CHAR获取CONTENTEDITABLEDIV的高度

html - 打破第二个 child div的字母

我有一个要求,我需要将宽度应用于父元素,该宽度等于第一个子元素的宽度。如果父元素只有一个子元素,则可以使用display:inline-block或float:left轻松实现这一点。但是我在一个div中有两个以上的子元素。像这样:Fiddlefirstvaluevalue现在,如果我将display:inline-block应用于父元素,那么它具有第二个子元素的宽度。为了避免发生这种情况,我在第二个子元素上尝试了break-word、word-breakcss属性,但仍然没有用。下面的屏幕截图说明了我想要获得的内容:一些要点:父元素的宽度应该等于第一个子元素。父元素的高度应等于所有子

html - 打破第二个 child div的字母

我有一个要求,我需要将宽度应用于父元素,该宽度等于第一个子元素的宽度。如果父元素只有一个子元素,则可以使用display:inline-block或float:left轻松实现这一点。但是我在一个div中有两个以上的子元素。像这样:Fiddlefirstvaluevalue现在,如果我将display:inline-block应用于父元素,那么它具有第二个子元素的宽度。为了避免发生这种情况,我在第二个子元素上尝试了break-word、word-breakcss属性,但仍然没有用。下面的屏幕截图说明了我想要获得的内容:一些要点:父元素的宽度应该等于第一个子元素。父元素的高度应等于所有子

javascript - 每次循环递增3后关闭再打开另一个div

我有一个数组。我正在循环。首先,我需要的是,当循环第一次运行时,它应该已经打开一个div并向其中添加文本。接下来我希望如果循环运行了3次则关闭前一个div并打开一个新的div。代码:varcounter=0;for(vari=0;i");document.write("");}else{document.write("");}document.write(""+toTitleCase(tag_array[i])+"");}以上代码无效。我不知道为什么。请解释我做错了什么,我该如何解决? 最佳答案 whentheloopisrunfi