草庐IT

parent_div

全部标签

jquery - 检测div碰撞?

这就是我现在正在做的:untitledbody{font-family:"HelveticaNeue-Light";margin:0px;}input{width:75%;}#wrap{background:#f1f1f1;border:1pxsolid#d9d9d9;padding:0px;}/*#sprite{position:relative;background:#909090;width:20px;height:20px;padding:20px;}*/#spriteChatBubble{position:relative;background:#fff;border:1px

jquery - 一旦 div 达到一定高度,使用 jQuery 将 div 的高度更改为自动

我有一个div,它允许用户动态添加额外的表单输入。我希望能够在达到特定高度后将此div的高度更改为自动。这是我拥有的jQuery代码,但目前似乎无法正常工作。$(document).ready(function(){if($('#upload3').height()>400){$('#upload3').css('width','auto');}}); 最佳答案 这只会在文档准备好时运行一次。您需要将其放入resize()事件处理程序中:$('#upload3').resize(function(){if($(this).heigh

jquery - 一旦 div 达到一定高度,使用 jQuery 将 div 的高度更改为自动

我有一个div,它允许用户动态添加额外的表单输入。我希望能够在达到特定高度后将此div的高度更改为自动。这是我拥有的jQuery代码,但目前似乎无法正常工作。$(document).ready(function(){if($('#upload3').height()>400){$('#upload3').css('width','auto');}}); 最佳答案 这只会在文档准备好时运行一次。您需要将其放入resize()事件处理程序中:$('#upload3').resize(function(){if($(this).heigh

jquery - 左侧为固定宽度 div,右侧为可变宽度 div

我想要固定宽度在左边,还有一个灵活的在窗口调整大小时的右侧。还有,左边是可折叠的(我使用jQuery以负边距隐藏它),然后我需要右边的具有完整的宽度。PS:如果没有水平滚动条,我无法在带有填充的容器内设置100%宽度的div... 最佳答案 Iwanttohaveafixedwidthontheleft,andaflexibleontherightforwhenthewindowresizes.float:left只在左边的div,并且在右边的div上加上overflow:hidden。参见:http://jsfiddle.net/

jquery - 左侧为固定宽度 div,右侧为可变宽度 div

我想要固定宽度在左边,还有一个灵活的在窗口调整大小时的右侧。还有,左边是可折叠的(我使用jQuery以负边距隐藏它),然后我需要右边的具有完整的宽度。PS:如果没有水平滚动条,我无法在带有填充的容器内设置100%宽度的div... 最佳答案 Iwanttohaveafixedwidthontheleft,andaflexibleontherightforwhenthewindowresizes.float:left只在左边的div,并且在右边的div上加上overflow:hidden。参见:http://jsfiddle.net/

html - 在 <DIV> 中拆分文本

我有一个很长的文本,没有空格。例如,WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW我想将此文本拆分为最大宽度为179像素的行。你知道怎么做吗? 最佳答案 使用CSS。word-wrap:break-word; 关于html-在中拆分文本,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

html - 在 <DIV> 中拆分文本

我有一个很长的文本,没有空格。例如,WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW我想将此文本拆分为最大宽度为179像素的行。你知道怎么做吗? 最佳答案 使用CSS。word-wrap:break-word; 关于html-在中拆分文本,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

html - 将 <div> 与图像放在同一行

我有一些如下所示的HTML:http://jsfiddle.net/KbqHa/我想要这个div与图像在同一行。但是,由于div是block元素,它会移动到下一行。在这种情况下,我通常会使用,但这完全弄乱了边框(并且div也包裹在图像下方)。添加display:inline-block到div似乎也不起作用。我试过使用float:left但我也无法让它工作。有什么想法吗? 最佳答案 经典的方案是在img上使用float:left,然后在div上加一个margin-left等于图像的宽度。参见:http://jsfiddle.net/

html - 将 <div> 与图像放在同一行

我有一些如下所示的HTML:http://jsfiddle.net/KbqHa/我想要这个div与图像在同一行。但是,由于div是block元素,它会移动到下一行。在这种情况下,我通常会使用,但这完全弄乱了边框(并且div也包裹在图像下方)。添加display:inline-block到div似乎也不起作用。我试过使用float:left但我也无法让它工作。有什么想法吗? 最佳答案 经典的方案是在img上使用float:left,然后在div上加一个margin-left等于图像的宽度。参见:http://jsfiddle.net/

jquery - 无法摆脱我的子图像和父 div 之间奇怪的 2px 空间

我已经尝试了我所知道的一切。我开始认为它是由Tumblrsjavascript创建的。首先,我确实有内联block,我知道它读取空白并添加像素。但经过多次测试,剥离我所有的javascript,并删除所有内容,只留下一个标准我仍然在图片下方留出2px的空间!所以我想知道有没有办法在没有jquery的情况下做到这一点?.parentdiv{height:100%-2px;}? 最佳答案 此问题是由行高引起的,因为文本也是预期的。解决方案line-height:0;示例http://jsfiddle.net/YGjpk/