草庐IT

margin-bottom

全部标签

html - 在 Internet Explorer 8 中使用 "margin: 0 auto;"

我正在对IE8进行一些高级测试,似乎使用margin:0auto;的旧技术在IE8中并不适用于所有情况。以下HTML片段在FF3、Opera、Safari、Chrome、IE7和IE8兼容中提供了居中按钮,但在IE8标准中没有:(作为变通方法,我可以为按钮添加明确的宽度)。所以问题是:哪些浏览器是正确的?或者这是行为未定义的情况之一?(我的想法是所有浏览器都是不正确的——如果按钮是“display:block”,它不应该是100%宽度吗?)更新:我是个笨蛋。由于输入不是block级元素,我应该将它包含在带有“text-align:center”的div中。话虽如此,出于好奇,我仍然想知

html - 使用 margin :auto to vertically-align a div

所以我知道如果我们使用margin:0auto;,我们可以将一个div水平居中。margin:autoauto;应该按照我认为的方式工作吗?也垂直居中?为什么vertical-align:middle;也不起作用?.black{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);}.message{background:yellow;width:200px;margin:autoauto;padding:10px;}Thisisapopupmessage.JSFiddle

html - CSS margin 恐怖; Margin 在父元素之外添加空间

这个问题在这里已经有了答案:WhydoesthisCSSmargin-topstylenotwork?(14个答案)关闭2年前。我的CSS边距没有按照我想要或期望的方式运行。我的页眉边距顶部似乎影响了它周围的div标签。这就是我想要和期望的:...但这就是我最终得到的:来源:Margintestbody{margin:0;}#page{margin:0;background:#FF9;}#page_container{margin:020px;}h1{margin:50px000;}TitleDescription我在这个例子中夸大了边距。h1-tag上的默认浏览器边距有点小,在我的例

html - Margin-Top 将外部 div 向下推

我的包装器div中有一个标题div作为第一个元素,但是当我在标题div内的h1中添加上边距时,它会将整个标题div向下推。我意识到每当我将上边距应用到页面上的第一个可见元素时就会发生这种情况。这是一个示例代码片段。谢谢!div#header{ width:100%; background-color:#eee; position:relative;}div#headerh1{ text-align:center; width:375px; height:50px; margin:50pxauto; font-size:220%; background:url('../../images

iOS 7 UI 转换问题 : Touch events ignored at bottom of screen

我目前正在解决一个旧应用程序(构建于iOS5时代)中的一个问题,即屏幕底部的按钮触摸事件被忽略。我可以通过创建一个新项目、删除Storyboard(和Infoplist中的引用)并在didFinishLaunchingWithOptions中执行以下操作来重现此问题(我知道这不是正确的方法,但这个应用程序我我正在处理具有类似的设置)-(BOOL)application:(UIApplication*)applicationdidFinishLaunchingWithOptions:(NSDictionary*)launchOptions{self.window=[[UIWindowal

ios - CSS3 - 通过 JavaScript 为 margin-left 属性设置动画

考虑到这个proofofconcept,是否可以通过JavaScript为margin-left(负值和正值)设置动画?..你会怎么做?注意:我知道这仅适用于WebKit。我对此很好,因为我正在为iOSSafari开发。更新感谢您的回答,但jQuery的animate函数不支持纯CSS动画,而这正是我所需要的。 最佳答案 我知道您明确表示“您可以用JavaScript执行此操作吗”,但您不需要使用JavaScript。我相当确定您链接到的概念证明仅使用jQuery作为使动画回退到JavaScript的方式,以便所有浏览器都能很好地播

ios - UIScrollView动画的height和contentOffset "jumps"content from bottom

尝试做一些类似于Messages.app行为的事情,我有一个UIScrollView并且在它下面有一个文本字段,并尝试对其进行动画处理,以便当键盘出现时所有内容都向上移动到键盘使用向上移动字段的约束(由于自动布局,UIScrollView的高度也会发生变化),同时设置contentOffset滚动到底部时间。代码完成了想要的最终结果,但是在动画期间,当键盘动画开始时,ScrollView变为空白,然后内容从底部向上滚动,而不是从动画开始时的位置滚动.动画是这样的:-(void)updateKeyboardConstraint:(CGFloat)heightanimationDurati

ios9 移动 safari 景观 css 错误,位置为 :absolute bottom:0

我似乎找不到解决方法。在移动safari中的ios9上,如果webapp使用position:absolute和bottom:0作为内容区域以覆盖整个屏幕,当处于landscape时modeSafari导航栏将覆盖内容的底部,您无法滚动过去-它不会在纵向中阻塞。纵向模式很好,即使有导航栏也是如此这不是方向更改错误,如果页面以横向启动则会发生如果将网页添加到主屏幕、横向运行完美且内容可见(因为导航不存在),则不会发生错误那么为什么safari在纵向而不是横向时得到bottom:0正确? 最佳答案 在html元素上设置position:

javascript - 如何解析位置:fixed for a bottom toolbar on iOS (iPhone/iPad)

我有一个栏,它通过使用position:fixed固定在我网站上每个页面的底部。问题是在iPhone或iPad等设备上,此属性不受尊重。我尝试使用javascript来检测屏幕高度、滚动位置,这在iPad上非常有效:$(window).scroll(function(){$("#bar").css("top",($(window).height()+$(document).scrollTop()-90)+"px");});如您所见,我正在使用jQuery。问题是这段代码在iPhone上不太适用,因为窗口的高度不包括位置栏(如果存在调试栏,也包括),所以该栏一开始就在正确的位置,但是当你

ios - 如何在 Xcode6 中为新创建的约束禁用 "Relative to margin"选项

我想在Xcode6的IB中创建约束时禁用自动添加Relativetomargin。很高兴他们默认打开这个选项,但我必须支持iOS7,所以结果我每次添加新约束后都必须手动禁用这个选项。我发现这个设置是为了事先禁用它,但它在默认情况下始终处于打开状态。 最佳答案 我最接近这个的充其量只是骇人听闻,所以请按原样...在不持有Option时创建AL约束:持有期权时创建AL约束:在IB中,如果您在创建AL约束时按住Option,它会切换约束是否绑定(bind)到边距。这是避免重新编辑约束的一种便捷方式。此外(这是棘手的部分,因为我无法解释)我