草庐IT

BOX_MARGIN

全部标签

html - 邮件客户端支持负 margin 值吗?

请看下面的截图我想将镜头定位在顶部区域。遗憾的是,电子邮件客户端不支持position值。所以我能做些什么。我可以使用margin-top值为负值?希望你能帮助我..提前致谢 最佳答案 Hotmail和Outlook.com不再支持以下CSS属性:marginmargin-topmargin-rightmargin-bottommargin-left这是Litmus给出的声明.. 关于html-邮件客户端支持负margin值吗?,我们在StackOverflow上找到一个类似的问题:

javascript - 在 box-sizing :border-box is set in CSS? 时,JavaScript 中有没有一种方法可以直接获取元素的内容宽度

如果我们在CSS中设置它(自动前缀):*{box-sizing:border-box}然后getComputedStyle(elem).width包括元素的填充。现场演示:http://jsfiddle.net/simevidas/EpUnp/我想获取元素内容框的宽度(不带内边距)。是否有用于此的标准API,还是我必须手动减去填充? 最佳答案 getBoxQuadsAPI可以做到。(它在FirefoxNightly中受支持)。varquad=elem.getBoxQuads({box:'content'})[0];varconten

javascript - 在 box-sizing :border-box is set in CSS? 时,JavaScript 中有没有一种方法可以直接获取元素的内容宽度

如果我们在CSS中设置它(自动前缀):*{box-sizing:border-box}然后getComputedStyle(elem).width包括元素的填充。现场演示:http://jsfiddle.net/simevidas/EpUnp/我想获取元素内容框的宽度(不带内边距)。是否有用于此的标准API,还是我必须手动减去填充? 最佳答案 getBoxQuadsAPI可以做到。(它在FirefoxNightly中受支持)。varquad=elem.getBoxQuads({box:'content'})[0];varconten

html - 为流体布局强制执行 "min-margin"

我正在尝试构建一个在相当高的分辨率下效果最好的网站,但在分辨率降低时也尽可能向左滑动。我什至不确定要在这里复制什么代码,所以链接是:projects.thomasrandolph.info我需要的是#page的左侧在#logo的右侧停止向左滑动加上几个像素。它距离页面左侧13.25em。我已经将#page的左边距设置为13.25em,这看起来是正确的,但是在更高的分辨率下,页面看起来很奇怪,因为它没有居中。我想保持居中,但也想在某个点停止滑动。所以我希望左边不比这更靠左:如果我可以在我在这里提到的两个元素上使用纯CSS来做到这一点,我会非常喜欢,但我可以根据需要添加HTML。我已经为如

html - 为流体布局强制执行 "min-margin"

我正在尝试构建一个在相当高的分辨率下效果最好的网站,但在分辨率降低时也尽可能向左滑动。我什至不确定要在这里复制什么代码,所以链接是:projects.thomasrandolph.info我需要的是#page的左侧在#logo的右侧停止向左滑动加上几个像素。它距离页面左侧13.25em。我已经将#page的左边距设置为13.25em,这看起来是正确的,但是在更高的分辨率下,页面看起来很奇怪,因为它没有居中。我想保持居中,但也想在某个点停止滑动。所以我希望左边不比这更靠左:如果我可以在我在这里提到的两个元素上使用纯CSS来做到这一点,我会非常喜欢,但我可以根据需要添加HTML。我已经为如

html - margin 不适用于 float 元素

在我的网页上,我有一个Logo和一个菜单,它们构成标题元素和下面的英雄单元。现在我想给它一些底边距,以便它们之间有足够的负空间header和hero单元,但这个底部边距(100px)不适用。如果我尝试从英雄单元中获得最高利润,也是一样。.header{width:95%;margin:20pxauto100px;}这是我的工作示例JSBIN 最佳答案 在其下添加一个div:.someclass{clear:both;}会有帮助。但更简单的是:.header{width:95%;margin:20pxauto100px;overflo

html - margin 不适用于 float 元素

在我的网页上,我有一个Logo和一个菜单,它们构成标题元素和下面的英雄单元。现在我想给它一些底边距,以便它们之间有足够的负空间header和hero单元,但这个底部边距(100px)不适用。如果我尝试从英雄单元中获得最高利润,也是一样。.header{width:95%;margin:20pxauto100px;}这是我的工作示例JSBIN 最佳答案 在其下添加一个div:.someclass{clear:both;}会有帮助。但更简单的是:.header{width:95%;margin:20pxauto100px;overflo

html - 使用 Flex Box 将列移动到下一行

我有三列,顺序为1、2、3。HTML123CSS.flex-container{display:flex;}.item{background:orange;padding:10pxauto;color:#fff;font-family:arial;flex-grow:100;flex-shrink:50;text-align:center;}.first{order:1;}.second{order:2;}.third{order:3;}当我切换到手机屏幕栏目时我想要的应该是这样显示的;132媒体查询/*Toonarrowtosupportthreecolumns*/@mediaall

html - 使用 Flex Box 将列移动到下一行

我有三列,顺序为1、2、3。HTML123CSS.flex-container{display:flex;}.item{background:orange;padding:10pxauto;color:#fff;font-family:arial;flex-grow:100;flex-shrink:50;text-align:center;}.first{order:1;}.second{order:2;}.third{order:3;}当我切换到手机屏幕栏目时我想要的应该是这样显示的;132媒体查询/*Toonarrowtosupportthreecolumns*/@mediaall

javascript - 如何在鼠标悬停时覆盖 div/box?

我有一个链接,当用户将鼠标悬停在它上面时,它应该在链接下方显示一个框(div)。该框应覆盖其下方的任何内容。我如何使用css或javascript来实现? 最佳答案 您有一个隐藏的绝对定位的div和链接的子项。然后,当您将鼠标悬停在链接上时,您应该取消隐藏div。我无法提供完整的CSS,而且我还没有对此进行测试,但这应该可以帮助您入门。您必须仔细研究定位和大小。SomewhereThisishidden.a.special{position:relative;}a.specialdiv.desc{background-color:w