草庐IT

parent-child

全部标签

jquery - 读取带有显示 :none parent 的 div 的 scrollHeight

父div中的div元素使用display:none隐藏。我将jQuerytextarea元素转储到控制台。我看到第0个元素的scrollHeight属性是88。我尝试将此属性读取到var(使用$(element)[0].scrollHeight或$(element).prop('scrollHeight')和我得到0。我还尝试使用jQuery将textarea设置为position:absolute和display:block,在读取之前,结果相同.如何正确读取属性? 最佳答案 display:none时元素的大小是多少?0px由0

html - 如何让 child 仅使用 CSS 自动适应 parent 的宽度?

我有一个服务器端组件,它使用没有固定宽度的DIV生成一个流畅的布局“工具栏”,在其中生成许多A。然后我需要自定义该布局以使所有A标签自动适应父级宽度。但是child的数量是可变的,parent的宽度是未知的(它会自动适应窗口)。我用这个fiddle做了一些测试:http://jsfiddle.net/ErickPetru/6nSEj/1/但我找不到使它动态化的方法(取消注释最后一个A标记以查看它是如何工作的,大声笑)。我无法更改服务器端源以生成具有固定宽度的HTML。如果有任何方法,我真的很想只用CSS来解决它,即使使用JavaScript我也可以达到那个结果。我怎样才能让所有的chi

html - 为什么表格布局是: fixed affecting the width of the parent element?

有人可以解释为什么我的div和table-layout:fixed正在改变其父元素的宽度(在本例中为body)将其设置为100%而它不应该是100%,因为它已定位?body{border:2pxsolidred;height:100vh;margin:0;padding:0;position:absolute;}.c{display:table;width:80%;/*Anypercentagevaluedifferentfrom0*/table-layout:fixed;outline:2pxsolidblue;}d正如您在上面看到的,添加table-layout:fixed强制正文

javascript - 追加在最后一个 child 之前

我有一个ID为wrapper的div,我正在使用.append()在该div的末尾插入一些内容,如下所示:$("#wrapper").append('Somestuff');但是,我还希望选择在包装器中的最后一个contentdiv之前插入一个新的子元素。如果HTML输出如下所示:FirstSecond我想在最后一个元素之前插入一个元素,所以我得到了这个:FirstThirdSecond我该怎么做? 最佳答案 你可以使用.before()在元素前添加兄弟:$("#wrapper.content:last").before('Thir

html - 针对前 2 个 child 或最后 2 个 child

我知道一堆伪类(first-child、last-child、nth-child),但我无法选择列表中的前2个子类或最后2个,该列表是动态的并且会更改所有时间,所以我不能根据li的计数来定位 最佳答案 对于前两个child,您可以使用:ulli:nth-child(-n+2){color:orange;}http://jsfiddle.net/nYnSz/1/对于最后两个:ulli:nth-last-child(-n+2){color:orange;}http://jsfiddle.net/nYnSz/

jquery - 如何查找 LI 是否有 child UL

我有以下结构:如您所见,第一个LI元素内部有UL,但下一个元素没有。有没有办法通过jquery找出某个LI里面是否有UL?我想做这样的事情:if(lihaschildrenul){dosomething}编辑我尝试了以下方法,但在所有情况下都显示"is"。这是我的代码和HTML。在下面的HTML中,只有“Link2”包含子UL而不是Link1和Link3。我只想在用户点击一些包含子UL的LI时执行一些操作。代码$('#DeltaPlaceHolderLeftNavBardiv>div>ul>li>a').click(function(){if($('li:has(>ul)'))aler

css - nth-child 中奇数/偶数子元素的问题

我有一个这样的网站:header-->paragraphparagraphparagraphparagraphparagraphparagraph这是CSS:div.section{border:1pxsolidblack;}div.sectiondiv:nth-child(even){color:Green;}div.sectiondiv:nth-child(odd){color:Red;}这是结果:这没问题,因为在each部分中,奇数div为红色,偶数div为绿色。但是当我在第一部分的开头添加标题时(示例中的注释代码)我得到了这个:我不想这样。我想要像以前一样,但只是在第一部分有一

html - CSS first-child 和 last-child 在同一个元素上使用时不起作用

我刚刚注意到CSS:first-child和:last-child在同一个元素上使用时不起作用。只用了一个。我想知道为什么会这样,CSS中是否有任何解决方法?这对我来说似乎是CSS错误-第一个元素也可以是最后一个元素。我在Google中找不到关于该主题的任何内容。每个教程都假定至少有2个元素。我正在寻找类似“第一个child也是最后一个child”的选择器。存在吗? 最佳答案 I'mwonderingwhyisthatandifthereisanyworkaroundtothatinCSS?ItseemslikeCSSbugtome

html - 具有 "overflow: hidden"溢出祖 parent 边缘的 Flexbox child

我正在尝试将两个子元素嵌套在一个包装器中,该包装器指定边距,以便在显示较窄时其内容与屏幕两侧之间有空间,而max-width则用于显示器很宽。第二个child有一些溢出应该是可见的,而第一个child应该严格留在包装器的内容框中。删除第一个child后,第二个child的行为将如预期。但是,当我添加第一个child时,它似乎完全忽略了包装器的边距,拉伸(stretch)了包装器的内容框并破坏了第二个child。将overflow:hidden应用到包装器可以修复边距问题,但会剪掉第二个子元素。将边距应用于第一个子项不会使其与父项一起折叠,因为它处于新的block格式上下文中。到目前为止

html - 使父 div webkit-filter 不影响 child

我正在使用一个非常漂亮的webkit滤镜来制作背景图像灰度,并将鼠标悬停在图像上时变为彩色。这是过滤器filter:none;-webkit-filter:grayscale(0);transition:opacity.3sease-in-out;-moz-transition:opacity.3sease-in-out;-webkit-transition:opacity.3sease-in-out;如您所见,甚至还有一个“过渡”属性,使图像可以平滑地从淡入淡出过渡到全彩色。我遇到的问题是我正在应用它的div也会影响位于div内的子文本,并将文本也变成灰度。这是一个问题,因为文本需要