草庐IT

GRADIENT_HEIGHT

全部标签

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

html - 如何在 <object> Embed 上获得 height=100%

我正在尝试插入以下代码,但它不起作用。我无法用这个获得100%的高度。谁能帮我?谢谢! 最佳答案 如果您想将嵌入对象跨越全屏,请使用100vh作为高度。 关于html-如何在Embed上获得height=100%,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/16584237/

html - 这是 CSS3 : Rounded corners with CSS3 gradient 的错误吗

我遇到了一个问题,即带有圆Angular的外部div的边框被带有CSS3渐变的内部元素截断。这是CSS3的错误吗?如果是,我很乐意提交错误报告。如果没有,我该如何解决?来源和演示在这里:http://jsfiddle.net/joshuamcginnis/2aJ8X/截图: 最佳答案 问题不在于梯度-给出你的元素纯色背景看。相反,您需要将的Angular圆化以及包装.添加border-radius:10px10px00;和适当的供应商特定版本到造型,一切正常。 关于html-这是CSS3

HTML,Body height 100% 不起作用

好的,我有一个使用Cordova和AngularJS的移动应用程序。对于样式,我使用了Less和Bootstrap。问题在移动应用程序中,我尝试使用百分比(%)调整div的大小。但这似乎不起作用。我似乎无法更改以下行为:div与其中的内容一样大。这个问题听起来很简单,我已经在此处(stackoverflow)以及网络上尝试了很多选项。但是我还没有找到修复它的解决方案,而且它变得非常烦人。我试过了添加html,body{height:100%},添加html,body,#canvas{height:100%}添加#canvas{min-height:100%}添加html{height:

html - 如何组合 CSS "text-shadow"和 "background-image: -webkit-gradient"

我正在尝试使用CSS文本阴影以及文本阴影和背景图像的组合在Chrome/Safari中实现渐变+文本阴影效果:-webkit-gradient,请参见示例blw。我只能应用其中一种效果(如果我添加阴影,渐变就会消失。我做错了什么?h1{font-size:100px;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(white),to(black));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:01

chrome 的 jQuery .height() 问题

我一直在使用jQuery高度函数。但是在获取我的div元素的正确高度时出现了问题。此div元素的高度设置为auto,这意味着div的高度仅取决于其中的元素。当我尝试在我的页面中使用.height()时,我得到了以下结果:Chrome:1276pxFirefox:1424px但是当您看到它们时,它们具有相同的高度。唯一的问题是height()函数返回不同的结果。代码如下:SampleInsideElement$(document).ready(function(){varless_height=$('.single-mid').height()-10;$('.single-mid').h

css - 为什么在删除 DOCTYPE 后 height 100% 有效?

这是完整的代码:什么都没有出现。但是,如果我删除第一行(doctype),所有页面都会按预期显示为绿色。我有两个问题:如何使div填充页面而不删除该标记?为什么删除doctype可以正常工作? 最佳答案 CSSheight属性、百分比值和DOCTYPE您的问题的第一部分询问如何将100%高度应用到您的div已被其他人多次回答。本质上,在根元素上声明一个高度:html{height:100%;}完整的解释可以在这里找到:WorkingwiththeCSSheightpropertyandpercentagevalues.您问题的第二部

html - 如何 : 100% Height Table only Scroll tbody

是否可以使用CSS滚动100%高度表格的内容而不是标题,并且只将滚动条显示到tbody内容的一侧而不是标题行?谢谢! 最佳答案 我希望现在还不算太晚,你还活着,从那以后情况有了很大的改善:)您可以使用:table{display:inline-grid;grid-template-areas:"head-fixed""body-scrollable";}thead{grid-area:head-fixed;}tbody{grid-area:body-scrollable;overflow:auto;height:calc(100vh

html - Bootstrap 100% height with navbar

这基本上是我想要实现的:我希望整个页面的高度为100%,但是当我将侧边栏和正文设置为100%时,页面会从导航栏添加40px,因此即使不应该有滚动条,我也会得到一个滚动条。我通过使用表格解决了这个问题,但我确信一定有更简单的方法和css到目前为止我得到的:body,html,.container-fluid,.sidebar,.body{height:100%;min-height:100%;}.navbar{height:40px;position:relative;} 最佳答案 您必须从100%中减去导航栏的高度。有多种解决方案,