草庐IT

res_height

全部标签

javascript - CSS 中的 jquery.height() 和 float 参数

我注意到jquery.height()函数有一个奇怪的行为。看看下面的代码。CSS:div.text-field{font-family:sans-serif;margin:3px;float:left;}HTML:texthereJS:console.log($("someid").find("text-holder").height());如果我在CSS文件中有float:left;,最后一行输出0,如果我删除float:left;,则输出实际高度>。这种行为的原因是什么?我可以将height()函数与float:left;一起使用吗? 最佳答案

css - br line-height in safari 和 chrome 留空

在我的HTML中我有一个,并在内我需要不同的文本行之间的垂直间距。我通过使用实现了这一点具有对应于我想要的间距量的CSS类的元素。例如,对于5px的间隙,我使用与height5类:同样,height2和height10以及出于相同目的而存在的任何东西。CSS类定义如下:br.height2{line-height:2px;}br.height5{line-height:5px;}这在IE6+、FF2+和Opera中有效,但由于某些原因,Safari和Chrome中存在巨大差距(就好像这两个浏览器忽略它并且只是应用常规中断)。我尝试使用更大的行高(例如20px或30px)进行测试,Saf

javascript - 创建一个纵横比为 1 的 div :1 knowing only its height in percentage

我想知道你是否可以帮我解决这个问题。我有一个div(白色),我需要在边框上放置两个圆形按钮(绿色)。一切都应该用CSS来完成。它应该是这样的:Screenshot现在,问题是我不知道白色div的大小,而且在创建时我也不会知道,因为之后它会被添加到DOM中。我所知道的是白色div相对于其future的父级具有百分比宽度和高度。因此,在创建时,由于尚未添加,对width()、height()或其css值的任何调用都将不起作用。我看过所有这些告诉您如何制作具有固定宽高比的div的片段。我现在需要这个,我需要按钮是1:1,但我所知道的尺寸是它必须是白色div高度的100%(因此,它的宽度应该等

html - min-height/min-width 在某些浏览器中不考虑 box-sizing

请看这个例子:http://jsfiddle.net/vrgT3/5/我用overflow:auto;创建了一个250x250px父div,因此当内容溢出框时会出现滚动条。我设置了蓝色背景,以便在父级可见时清晰显示。在父级内部是一个带有红色背景的子级div,以便可见。它有8px黑色边框和box-sizing:border-box;因此填充和边框包含在计算框的大小中。子div设置为min-height:100%和min-width:100%。预期结果:子div应与父div大小完全相同,因此不会显示蓝色,也不会出现滚动条。计算出的框大小(内容+填充+边框)应为250x250px。应该有8p

html - 在 flexbox 中使用 'height: 100%' 和 'align-items: stretch'

这个问题在这里已经有了答案:Chrome/Safarinotfilling100%heightofflexparent(5个答案)关闭5年前。我有一个flexbox,它有一个用align-items:stretch声明的直接子节点。在这个flexbox的直接子项中,我想要一个div容器,它也使用其父项的完整高度(通过设置height:100%)。但是,div容器不会拉伸(stretch)到其父级的100%高度,除非我还在flexbox的直接子级上设置height:100%。这是一种错误吗?我是否必须使用align-items:stretch和height:100%设置flexbox的直

android - 为什么 LayoutInflater 会忽略我指定的 layout_width 和 layout_height 布局参数?

让LayoutInflater按预期工作时遇到了严重问题,其他人也是如此:Howtouselayoutinflatortoaddviewsatruntime?.为什么LayoutInflater会忽略我指定的布局参数?例如。为什么我的资源XML中的layout_width和layout_height值不被接受? 最佳答案 我已经调查过这个问题,引用LayoutInflaterdocs并建立了一个小样本示范项目。以下教程展示了如何使用LayoutInflater动态填充布局。在我们开始之前,看看LayoutInflater.infla

android - 为什么 LayoutInflater 会忽略我指定的 layout_width 和 layout_height 布局参数?

让LayoutInflater按预期工作时遇到了严重问题,其他人也是如此:Howtouselayoutinflatortoaddviewsatruntime?.为什么LayoutInflater会忽略我指定的布局参数?例如。为什么我的资源XML中的layout_width和layout_height值不被接受? 最佳答案 我已经调查过这个问题,引用LayoutInflaterdocs并建立了一个小样本示范项目。以下教程展示了如何使用LayoutInflater动态填充布局。在我们开始之前,看看LayoutInflater.infla

html - CSS 位置 :absolute + dynamic height

我有4标签一个接一个,都在position:absolute我使用top对齐它们和left.第三个div标签包含动态内容,div的高度根据其中的文本量而变化。但是,当我设置top和left在所有div中,第4个div受第3个动态div的高度影响。我该如何解决这个问题?http://jsfiddle.net/25Xrh/ 最佳答案 您可能想尝试将4个div包装在一个父div中并对其进行绝对定位。然后您可以允许其中一个子div的位置影响另一个子div。http://jsfiddle.net/25Xrh/5/你的解决方案意味着无论你试图影

html - Bootstrap : CSS - height of list-group-item

请考虑遵循JSFiddle:http://jsfiddle.net/7W2r4/12/您可能会注意到:list-group-item已完全折叠。而且我似乎无法使其自动调整。(例如height:auto;)然而,当我提供css规则时:height:20px;,然后调整行大小。如何使列表组元素的高度适应内容的大小?感谢您的宝贵时间。 最佳答案 如果您需要在元素中保留float,您可以将overflow:hidden或其他“明确修复”代码添加到列表组元素。float总是会导致float元素的高度出现问题。清除它们或设置溢出将强制正确计算高

html - min-height 100vh 创建垂直滚动条,即使内容小于视口(viewport)

我正在将min-height:100vh;应用于flexbox容器,当我使用justify-content:space-around;时,我得到了一个垂直滚动条。p>我不想强制高度,但我不明白为什么滚动条在那里,因为内容的尺寸小于视口(viewport)。*{padding:0;margin:0;box-sizing:border-box;}body{margin:0;padding:0;}.wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:space-around;}min-heig