草庐IT

parent_div

全部标签

html - 两个带有空白 :nowrap elements inside a flex container 的 50% div

我想要一个包含两个50%宽度子div的父div,子div随内容调整大小。其中一个有一个带有white-space:nowrap;的h3,这会导致div增长超过50%。我可以使用min-width:0;强制div返回到50%宽度,但是h3现在溢出了。所以我要么在子div上获得不同的宽度,要么在其中一个div中从h3溢出。是否有可能使它们具有相同的50%宽度,即使是内部有white-space:nowrap;的元素?在这里查看问题:http://codepen.io/anon/pen/VjPwLm?editors=1100#parent{background:whitesmoke;disp

html - 两个带有空白 :nowrap elements inside a flex container 的 50% div

我想要一个包含两个50%宽度子div的父div,子div随内容调整大小。其中一个有一个带有white-space:nowrap;的h3,这会导致div增长超过50%。我可以使用min-width:0;强制div返回到50%宽度,但是h3现在溢出了。所以我要么在子div上获得不同的宽度,要么在其中一个div中从h3溢出。是否有可能使它们具有相同的50%宽度,即使是内部有white-space:nowrap;的元素?在这里查看问题:http://codepen.io/anon/pen/VjPwLm?editors=1100#parent{background:whitesmoke;disp

jquery - visibility :hidden of table-cell hides background-color of parent table-row

我有一些使用display:table-row和display:table-cell构建的表单。在Firefox52上,我可以使用visibility:hidden隐藏单元格元素,隐藏单元格但保留CSS定义的结构(而不​​是使用display:none)。虽然在Firefox64(以及chrome)上,当我隐藏单元格的可见性时,父表行在该位置失去其背景颜色。这是显示问题的片段:#tableRow{display:table-row;background-color:#f5f5f5;}.cell{display:table-cell;}#hide{visibility:hidden;}V

jquery - visibility :hidden of table-cell hides background-color of parent table-row

我有一些使用display:table-row和display:table-cell构建的表单。在Firefox52上,我可以使用visibility:hidden隐藏单元格元素,隐藏单元格但保留CSS定义的结构(而不​​是使用display:none)。虽然在Firefox64(以及chrome)上,当我隐藏单元格的可见性时,父表行在该位置失去其背景颜色。这是显示问题的片段:#tableRow{display:table-row;background-color:#f5f5f5;}.cell{display:table-cell;}#hide{visibility:hidden;}V

html - 对齐 <div> 内的复选框

我似乎遇到了一个我无法完全理解的奇怪问题。这是我的html:Porfavorseleccioneosconteúdos:Nome:Data:Cliente:Observações:在一个Html页面中,除了来自Dreamweaver的默认内容外,没有其他任何东西,放在主体内。附加了这个CSS:@charset"UTF-8";/*CSSDocument*/.menu{width:300px;margin-left:auto;margin-right:auto;padding:10px;border:1pxsolid#000;}.checkbox{float:right;}现在这段代码可以

html - 对齐 <div> 内的复选框

我似乎遇到了一个我无法完全理解的奇怪问题。这是我的html:Porfavorseleccioneosconteúdos:Nome:Data:Cliente:Observações:在一个Html页面中,除了来自Dreamweaver的默认内容外,没有其他任何东西,放在主体内。附加了这个CSS:@charset"UTF-8";/*CSSDocument*/.menu{width:300px;margin-left:auto;margin-right:auto;padding:10px;border:1pxsolid#000;}.checkbox{float:right;}现在这段代码可以

html - 如何在 quirksmode 中自动将一个 div 在 IE8 中居中?

我在quirks模式下使用IE8...我的Firefox样式表中有层叠样式,其中包括:#container{position:relative;width:1007px;margin-right:auto;margin-left:auto;}#textbin{width:720px;position:relative;margin-right:auto;margin-left:auto;}显然我做错了什么,或者自动边距在IE8中不起作用。是这样吗?如果是这样,我怎样才能绕过这个限制?我尝试了不定位、绝对定位,甚至在我的IE8样式表中添加相对位置。此外,当我手动将div居中时,IE8会在

html - 如何在 quirksmode 中自动将一个 div 在 IE8 中居中?

我在quirks模式下使用IE8...我的Firefox样式表中有层叠样式,其中包括:#container{position:relative;width:1007px;margin-right:auto;margin-left:auto;}#textbin{width:720px;position:relative;margin-right:auto;margin-left:auto;}显然我做错了什么,或者自动边距在IE8中不起作用。是这样吗?如果是这样,我怎样才能绕过这个限制?我尝试了不定位、绝对定位,甚至在我的IE8样式表中添加相对位置。此外,当我手动将div居中时,IE8会在

html - IE7 中包含 div 的 100% 宽度溢出的表格

我在区域div中有一个结果表。因为我使用的是流体布局,所以区域div没有设置宽度。表格的宽度设置为100%,但在IE7中它超出了包含的div。有什么想法吗?HTML:CSS:#results{width:100%;} 最佳答案 明白了!我需要为表中的所有TD和TH设置white-space:normal。 关于html-IE7中包含div的100%宽度溢出的表格,我们在StackOverflow上找到一个类似的问题: https://stackoverflow

html - IE7 中包含 div 的 100% 宽度溢出的表格

我在区域div中有一个结果表。因为我使用的是流体布局,所以区域div没有设置宽度。表格的宽度设置为100%,但在IE7中它超出了包含的div。有什么想法吗?HTML:CSS:#results{width:100%;} 最佳答案 明白了!我需要为表中的所有TD和TH设置white-space:normal。 关于html-IE7中包含div的100%宽度溢出的表格,我们在StackOverflow上找到一个类似的问题: https://stackoverflow