草庐IT

Auto-layout

全部标签

html - 空白 : nowrap breaks flexbox layout

这个问题在这里已经有了答案:Whydon'tflexitemsshrinkpastcontentsize?(5个答案)关闭6年前。我使用Flexbox为应用程序创建了响应式布局。该布局要求左侧有一个可折叠菜单,中间有一个带有标题和正文的block,右侧有一个可切换的帮助Pane(还有更多内容,但这是基本结构)。左侧菜单有两种状态:180px宽或80px宽。帮助Pane要么隐藏,要么占用180像素。中间的盒子占据了其余的空间。Flexbox就像一个魅力。当我使用white-space:nowrap制作滚动div时,问题就来了。我有一堆元素需要在水平滚动条中显示,所以我有一个包含元素的列表

html - 为什么 "margin: auto"不使元素垂直居中?

正如您在下面的演示中看到的,margin:auto;将蓝色div水平居中,但不是垂直居中。为什么不呢?.box{border:1pxsolidred;width:100px;height:100px;}.center{background:blue;width:50px;height:50px;margin:auto;}我的问题不是寻求解决方法。 最佳答案 如前所述,此行为在section10.6.2中指定。CSS2.1,并且与CSS2保持不变.block盒按正常流向从上到下垂直堆叠。此外,verticalmarginsmaycol

android - 如何从代码中动态设置 layout_weight 属性?

如何从java代码中动态设置android中按钮的属性layout_weight的值? 最佳答案 您可以将其作为LinearLayout.LayoutParams构造函数的一部分传入:LinearLayout.LayoutParamsparam=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT,1.0f);YOUR_VIEW.setLayoutParams(param);最后一个参数是权重。

android - 如何从代码中动态设置 layout_weight 属性?

如何从java代码中动态设置android中按钮的属性layout_weight的值? 最佳答案 您可以将其作为LinearLayout.LayoutParams构造函数的一部分传入:LinearLayout.LayoutParamsparam=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT,1.0f);YOUR_VIEW.setLayoutParams(param);最后一个参数是权重。

css - 如何过渡高度 : 0; to height: auto; using CSS?

我正在尝试制作使用CSS过渡向下滑动。开始于height:0;.悬停时,高度设置为height:auto;.然而,这导致它只是出现,不是过渡,如果我从height:40px;开始至height:auto;,然后它将向上滑动到height:0;,然后突然跳到正确的高度。如果不使用JavaScript,我还能如何做到这一点?#child0{height:0;overflow:hidden;background-color:#dedede;-moz-transition:height1sease;-webkit-transition:height1sease;-o-transition:he

html - 100% 宽度的背景图片,高度为 'auto'

我目前正在为一家公司开发移动着陆页。这是一个非常基本的布局,但在标题下方有一个产品图像,其宽度始终为100%(设计显示它始终从边到边)。根据屏幕的宽度,图像的高度显然会相应调整。我最初是用img(CSS宽度为100%)做的,效果很好,但我意识到我想使用媒体查询来根据不同的分辨率提供不同的图像——假设是小型、中型和例如,同一图像的大版本。我知道您不能使用CSS更改imgsrc,所以我想我应该为图像使用CSS背景,而不是HTML中的img标签。我似乎无法让它正常工作,因为带有背景图像的div需要宽度和高度来显示背景。我显然可以使用'width:100%'但是我用什么来设置高度呢?我可以设置

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 - HTML "overflow : auto"和 "overflow : scroll"之间的区别

当我研究overflow属性的值时,我遇到了这两个值:auto和scroll,后者添加了滚动条如果内容溢出元素。谁能解释一下它们之间的区别是什么? 最佳答案 Auto只会在裁剪任何内容时显示滚动条。Scroll将始终显示滚动条,即使所有内容都适合并且您无法滚动它也是如此。 关于html-HTML"overflow:auto"和"overflow:scroll"之间的区别,我们在StackOverflow上找到一个类似的问题: https://stackover

ios - IB Designables : Failed to render and update auto layout status for Google Maps

我在我的项目中使用GoogleMapsPod。我的Storyboard之一有错误:error:IBDesignables:FailedtorenderandupdateautolayoutstatusforMapViewController:dlopen(GoogleMaps.framework,1):nosuitableimagefound.Didfind:GoogleMaps.framework:mach-o,butwrongfiletype我已将View类设置为GMSMapView:应用程序正在模拟器上运行。我该如何解决这个错误?它会导致整个Storyboard为空白。