草庐IT

百分之百

全部标签

css - 具有百分比宽度值的 DIV 图像包装高度错误

我想将图像包装到htmlDIV中,因为我希望它可以随窗口大小完全缩放,所以我想设置DIV百分比如下:htmlCSS#wrapper{position:absolute;width:50%;}#wrapperimg{width:100%;}图像应决定其容器的高度。这是因为图像宽度设置为100%,并且图像高度是根据正确的宽高比计算的。结果在jsfiddle上可见:http://jsfiddle.net/lorenzopolidori/5BN4g/15/我的问题是:为什么所有现代浏览器都将包装器DIV渲染为比内部图像高5px?如何消除这个5像素的差距,同时仍然以百分比设置所有尺寸并且不使用j

html - Grid-row-gap 不应用百分比

所以我有一个4x5的图像网格,其中图像可以有各种尺寸,但最大为180x180像素。...我的CSS会将我的列分隔开2.5%,但让我的行保持接触。这是因为我以像素为单位定义了行高吗?.grid{margin-left:5%;margin-right:5%;display:grid;grid-template-columns:1fr1fr1fr1fr;grid-template-rows:180px180px180px180px180px;grid-gap:2.5%2.5%;}.box{display:flex;align-items:center;justify-content:cent

html - 最大宽度忽略百分比值

我有两行:第一行有5个按钮,第二行有一个div,应该和按钮一样长。这是我的代码:BODY*{box-sizing:border-box;}.container{background:blue;width:100%;height:66px;position:relative;}.logo{background:red;width:65px;height:65px;}.rightcontainer{position:absolute;right:0;top:0;background-color:green;}.buttons>DIV{display:inline-block;padding

html - 如何在没有 javascript 的情况下使用 css 混合固定和百分比高度/宽度

我想实现这样的布局:-----------------------------------------------------------|||fixedheight||||----------------------------------------------------------|||s||takesalltherestavailablescreenheight|c||fluidheight,notfixed,|r||dependentonthescreenheight|o|||l|||l|||b|||a|||r|-------------------------------

html - 如何在 `border-*` 属性中使用百分比?

我有使用TwitterBootstrap3的代码,nav和right-arrow,我使用border-*属性创建的。但是如果我在right-arrow中使用很长的文本,它不会展开,如果我使用百分比,代码将无法运行...关于的示例JsFiddle.custom-nav-stacked>li>a{border-radius:2px;}.custom-nav-stacked>li.active>a:after,.custom-nav-stacked>li.active>a:hover:after,.custom-nav-stacked>li.active>a:focus:after{cont

android - 为 LinearLayout 定义百分比宽度?

这个问题在这里已经有了答案:SetImageView'smaxwidthasapercentofitsparent'swidth(1个回答)关闭3年前。我想为包含一些按钮的LinearLayout定义百分比宽度(70%),以便我可以将其居中并让子按钮可以填充父级。这是一张显示我的意思的图片:我目前的布局是这样的:im所指的LinearLayout的id为:linearLayout1。我该怎么做? 最佳答案 您必须设置元素的权重属性。创建三个RelativeLayouts作为您的LinearLayout的子项,并将权重设置为0.15、

android - 为 LinearLayout 定义百分比宽度?

这个问题在这里已经有了答案:SetImageView'smaxwidthasapercentofitsparent'swidth(1个回答)关闭3年前。我想为包含一些按钮的LinearLayout定义百分比宽度(70%),以便我可以将其居中并让子按钮可以填充父级。这是一张显示我的意思的图片:我目前的布局是这样的:im所指的LinearLayout的id为:linearLayout1。我该怎么做? 最佳答案 您必须设置元素的权重属性。创建三个RelativeLayouts作为您的LinearLayout的子项,并将权重设置为0.15、

html - css 边框宽度百分比

我有一个div像这样包裹着另一个假设容器的尺寸为100像素x100像素。我想框有0px高度和0px宽度。但是,我希望盒子的左边框填满容器的50%,而盒子的右边框填满容器的另外50%。我如何使用css做到这一点? 最佳答案 你可以做你想做的,但使用线性渐变而不是边框​​。使用以下标记:​以及以下样式(示例:http://jsfiddle.net/HxbnK/):.box{background-image:linear-gradient(154deg,red50%,transparent50%),linear-gradient(26de

html - 输入字段的大小可以设置为百分比值吗?

我无法创建一个在居中时覆盖浏览器窗口宽度80%的输入字段。仅在浏览器最大化时有效。 最佳答案 试试这个 关于html-输入字段的大小可以设置为百分比值吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14945309/

javascript - 计算百分比 Javascript

我有一个关于javascript逻辑的问题,我用什么从我的文本字段中获取两个输入的百分比。这是我的代码:varpPos=$('#pointspossible').val();varpEarned=$('#pointsgiven').val();varperc=((pEarned/pPos)*100).toFixed(3);$('#pointsperc').val(perc);出于某种原因,如果我的输入是600和200,我的结果应该是33.333,但我得到的是3.333。如果我硬编码我的值(value)观,这很好。如果有人可以提供帮助,我将不胜感激。提前致谢。