草庐IT

auto-orient

全部标签

html - flex-basis auto和0(零)的区别

这两个值有什么区别?我已经测试了很多示例,它们给出了完全相同的结果...有人可以给我一个示例,其中flex-basis:auto;没有给出与flex-相同的结果基础:0; 最佳答案 在大多数情况下,“0”和“auto”flex-basis会有所不同:数值被解释为特定宽度,因此零与指定“width:0”--因此会将元素折叠到给定内容的最小可能宽度,或者如果其溢出被隐藏或元素可直接调整大小(例如图像),则将其自身归零。.f{display:flex}.fdiv{border:1pxsolid}.zero{flex-basis:0}.au

android - 为什么不总是使用 android :configChanges ="keyboardHidden|orientation"?

我想知道为什么不在每个(几乎每个;))Activity中使用android:configChanges="keyboardHidden|orientation"?商品:无需担心您的Activity会被轮换更快不太好:如果布局取决于屏幕尺寸(例如两列左右的布局),则需要更改布局不好:没有灵活的方式在不同的方向上有不同的布局使用fragment时不太好但如果我们不使用不同的布局,为什么不呢? 最佳答案 快速背景默认情况下,当Android上发生某些关键配置更改(常见示例是方向更改)时,Android会完全重启正在运行的Activity以

android - 为什么不总是使用 android :configChanges ="keyboardHidden|orientation"?

我想知道为什么不在每个(几乎每个;))Activity中使用android:configChanges="keyboardHidden|orientation"?商品:无需担心您的Activity会被轮换更快不太好:如果布局取决于屏幕尺寸(例如两列左右的布局),则需要更改布局不好:没有灵活的方式在不同的方向上有不同的布局使用fragment时不太好但如果我们不使用不同的布局,为什么不呢? 最佳答案 快速背景默认情况下,当Android上发生某些关键配置更改(常见示例是方向更改)时,Android会完全重启正在运行的Activity以

html - 为什么高度是:auto not working on 2 floating elements?

这个问题在这里已经有了答案:Whydoesn'ttheheightofacontainerelementincreaseifitcontainsfloatedelements?(7个答案)关闭8年前。div#inner1和div#inner2在div#outer里面,但是还是div#outer的高度使用height:auto显示为0px。如何获取外部div的子元素的高度?这是我的代码:#outer{width:300px;height:auto;background:#ccc;}#inner1{float:left;width:100px;height:100px;background

html - 为什么margin : auto only work horizontally and not vertically?

我已经看到,在开发网站时,将一个容器(固定高度)垂直居中放置在一个随机高度的容器内,对于Web开发人员(至少是我)来说总是一个噩梦,而当涉及到水平居中容器时(固定宽度)在随机宽度的容器内,margin:0pxauto;往往是标准模型中的一种简单方法。当事情可以这么简单时,为什么CSS不能与margin:auto0px;一起工作,当涉及到将固定高度的容器居中放置在随机高度的容器中时?这样做有什么具体原因吗? 最佳答案 这真的没有您想象的那么可怕,只是不要使用边距。vertical-align确实是您应该依赖的流体高度垂直居中。我拼凑了

html - 为什么 "display: block"和 "width: auto"不拉伸(stretch)一个按钮来填充容器?

这个问题在这里已经有了答案:WhatisitintheCSS/DOMthatpreventsaninputboxwithdisplay:blockfromexpandingtothesizeofitscontainer(6个答案)关闭3年前。当我在按钮上设置display:block;和width:auto;时,我希望按钮像其他block元素一样拉伸(stretch)以填充容器.出于某种原因,它没有,至少在最新的Chrome中没有。在谷歌搜索时,我发现很多人都在问同样的问题,他们对“我如何拉伸(stretch)我的按钮来填充容器?”的回答很满意,这就是不是我感兴趣的。(我完全能够按我需

html - 我怎样才能让一个绝对定位的 div 扩展到它的 relativley 定位的父级之外,它有溢出 : auto?

我有一个相对定位的div,它设置了overflow:auto。在里面,我有一个div,它充当一种下拉菜单。我希望下拉div在需要时扩展到父级之外,但它正在被裁剪,因为父级具有overflow:auto。我意识到这是正确的行为,但我不确定如何实现我想要的。下面是一些说明问题的HTML示例:owndiv与overflow:autodiv中的其他内容上下文相关,因此将它们放在一起是有意义的。我想我可以使用javascript将下拉div移动到DOM的另一部分,但如果可以避免,我宁愿不这样做。 最佳答案 您的问题是position:rela

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

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%'但是我用什么来设置高度呢?我可以设置