草庐IT

border-bottom

全部标签

html - "top: 0; left: 0; bottom: 0; right: 0;"是什么意思?

我正在阅读此site中的指南关于居中元素的技术。我阅读了CSS代码,.Absolute-Center{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}我也看了解释。但是我不明白的是解释“top:0;left:0;bottom:0;right:0;”的部分。它说,Settingtop:0;left:0;bottom:0;right:0;givesthebrowseranewboundingboxfortheblock.Atthispointtheblockwillfillallavailablespaceinits

html - CSS3 border-radius 裁剪问题

我有一个border-radius设置为某个值(比如10px)的div,以及一个嵌套的div,它是其父元素的完整宽度和高度。div.parent{display:block;position:relative;width:100px;height:100px;border-radius:10px;background:#0000ff;overflow:hidden;}div.inner{display:block;position:relative;width:100%;height:100%;background:#ff0000;}我注意到尽管溢出被设置为隐藏,但父项并未将子项夹在圆

html - 对齐 self : flex-end not moving item to bottom

这个问题在这里已经有了答案:Aligndivelementtobottomofcontainer[duplicate](1个回答)InCSSFlexbox,whyarethereno"justify-items"and"justify-self"properties?(6个答案)Howdoesflex-wrapworkwithalign-self,align-itemsandalign-content?(2个答案)关闭5年前。如您所见:JSFiddle我希望作者div位于其父容器的底部。我尝试使用align-self:flex-end;但它不起作用。我做错了什么?.flexbox{di

html - 垂直对齐 : bottom not working

我认为vertical-align应该与行内元素一起使用。然而出于某种原因,灰色div中的所有内容都与顶部对齐,而不是底部。PageSize:50100200500*of> 最佳答案 这是一个使用Flex盒子的现代更新答案。div{height:100%;//containingdivmustfillthefullheightoftheparentdivdisplay:flex;align-items:flex-end;justify-content:flex-end;} 关于html-

html - 你能制作 "an invisible border"吗?

我正在尝试makeanavbar作为练习。我正在使用a:hover在悬停的按钮周围包含实线边框。但是,这会使所有其他按钮移动边框的大小。这个问题的正确解决方法是什么?我知道还有其他人(讨论过here),我特地尝试使边框“不可见但即使不悬停也占用空间”。我设置了border:transparent希望它能做我想做的事,但它根本没有显示占用空间。我知道我可以手动选择边框的颜色使其与背景颜色相同并使其成为纯色,但这不是我想要的。有解决这个问题的明智方法吗? 最佳答案 border:10pxsolidtransparent怎么样?

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

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

ios - 带边框的 cornerRadius : Glitch around border

我的应用程序主要是基于圆形和边框的。我使用UIView的图层属性来设置圆角半径和边框。但是我遇到了一个问题,角不清晰。我得到以下结果:UIButtonUIImageView您可以在白色或灰色边框周围观察到一条细边框线。这是我的代码:button.layer.borderWidth=2.0;button.layer.borderColor=[[UIColorwhiteColor]CGColor];button.layer.cornerRadius=4;button.clipsToBounds=YES;我已经搜索过解决这个问题,但没有成功。我试过button.layer.masksToBo

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上不太适用,因为窗口的高度不包括位置栏(如果存在调试栏,也包括),所以该栏一开始就在正确的位置,但是当你