草庐IT

html - margin top to div inside another div

我有两个具有背景图像的div,我想为第二个div添加边距,但它正在创建空白区域。如何在将div保持在另一个div内的同时添加上边距?.logo{background-image:url(image/logo2.png);height:40px;width:400px;margin-left:100px;display:block;margin-top:20px;}.background{background-image:url(image/empback.png);width:100%;height:94px;min-width:1345px;} 最佳答案

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

html - IE 列表样式位置 :inside issues

您好,我在使用IE时遇到list-style-position:inside问题。在Firefox或Chrome上似乎没有这个问题。ol.myList{list-style-position:inside;}ol.myListli{padding:20px10px;font-weight:bold}ol.myListlip{font-weight:normal}MyTitleMyDetails在Chrome/Firefox上显示如下:1.MyTitleMyDetails但在IE上显示如下:1.MyTitleMyDetails有什么建议可以让它在IE上运行吗?

html - IE 列表样式位置 :inside issues

您好,我在使用IE时遇到list-style-position:inside问题。在Firefox或Chrome上似乎没有这个问题。ol.myList{list-style-position:inside;}ol.myListli{padding:20px10px;font-weight:bold}ol.myListlip{font-weight:normal}MyTitleMyDetails在Chrome/Firefox上显示如下:1.MyTitleMyDetails但在IE上显示如下:1.MyTitleMyDetails有什么建议可以让它在IE上运行吗?

HTML5 : article inside article?

如果我们有一个博客文章列表,就像在这种情况下:http://www.gamempire.it/news我认为每个帖子都可以是,但页面标题(“Novità”)可能是,是什么的语义标题?一个部分?所以,我不知道这样做是否更好:Novità.........或:Novità......... 最佳答案 就规范而言是sectioningcontent因此,acceptsanyflow,sectioningandpalpablecontent(except),包括其他秒。就语义而言,这取决于:文章是独立的、自包含的组合,可以包含其他文章,只要

HTML5 : article inside article?

如果我们有一个博客文章列表,就像在这种情况下:http://www.gamempire.it/news我认为每个帖子都可以是,但页面标题(“Novità”)可能是,是什么的语义标题?一个部分?所以,我不知道这样做是否更好:Novità.........或:Novità......... 最佳答案 就规范而言是sectioningcontent因此,acceptsanyflow,sectioningandpalpablecontent(except),包括其他秒。就语义而言,这取决于:文章是独立的、自包含的组合,可以包含其他文章,只要

html - 使用变换 : translateY(-50%); inside absolutely positioned div 垂直对齐

我正在尝试使用以下代码将h2垂直居中放置在高度为50%的div中:#owl-demoh2{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}在Chrome上工作正常,但h2在SafariIOS中消失,除非我将h2设置为绝对定位,然后我无法使用text-align将文本居中。非常感谢任何帮助,我一整天都在努力完成这项工作。编辑:所以看起来高度50%是父div的问题,如果我删除它,文本会出现在IOS中。

html - 使用变换 : translateY(-50%); inside absolutely positioned div 垂直对齐

我正在尝试使用以下代码将h2垂直居中放置在高度为50%的div中:#owl-demoh2{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}在Chrome上工作正常,但h2在SafariIOS中消失,除非我将h2设置为绝对定位,然后我无法使用text-align将文本居中。非常感谢任何帮助,我一整天都在努力完成这项工作。编辑:所以看起来高度50%是父div的问题,如果我删除它,文本会出现在IOS中。

javascript - 磁性分区 : fixed div inside absolute positioned div

我有以下页面:[LINK]页面被设计为水平滚动,因此一系列div(黑色边框的)出现在一行中。现在,我将较小的div(红色的)设置为永远不会超出父div,但与此同时,在滚动页面时,我希望它们在父div内移动,就像它们是固定的一样-定位。我会用图表来解释。我希望我的div表现得像这样:[LINK]有人可以帮忙吗?感谢您的宝贵时间! 最佳答案 更新创建了一些最小的/实验性的jQuery插件:https://gist.github.com/3177804你应该能够像这样使用它:http://jsfiddle.net/7q3Zu/2/下载并包