草庐IT

img_height

全部标签

javascript - HTML/Javascript 从 img src 属性中删除数据

我的页面中有一个空img当事件发生时,我将img属性设置为内联png数据:当另一个事件发生时,我将src设置为nothing(删除img):myImg.src=""问题是:当我将src设置为空时,img不会重新加载。如果我隐藏img,请等待一段时间并再次显示它,但它是一个丑陋的hack...P.S:我不想设置默认的“空白”图像,我需要它真的是空白的(src="")。编辑:我的javascript:biometria.setImage=function(png){if(png)bioCanvas.src='data:image/png;base64,'+png;elsebioCanvas

html - rails : How to convert <img src= > to image_tag in rails app

这是我在这里的第一篇文章,听起来可能非常愚蠢。我正在构建我的第一个Rails应用程序。我的index.html.erb中有这一行",style='height:50vw;width:100vw;margin-bottom:20px;'>我想使用image_tag而不是imgsrc将它包裹在代码中的正确方法是什么?到目前为止,我已经尝试了",style='height:50vw;width:100vw;margin-bottom:20px;')%>和"),style='height:50vw;width:100vw;margin-bottom:20px;'%>和许多其他版本,但似乎都不起

html - 当里面有img时div没有高度

我有一个围绕着其他元素的div[div1]。在元素内部,我有一个绝对定位的图像。Div1和元素在它们上面有float并且没有显示高度。有没有办法让主要的整体div1有一个高度,以便其他元素(如页脚)可以float在它下面。HTMLCSS.div1{width:100%;height:auto;overflow:auto;float:left;}.div1div{width:100%;height:auto;overflow:auto;float:left;}.div1divimg{width:100%;height:auto;position:absolute;display:bloc

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 - 在 lg、md sm 和 xs 处引导不同的 img 大小

如果观看者使用智能手机或PC,我需要更改图像的大小。这实现了我想要的,但这是一种糟糕的方法,因为加载img4次并且它是多余的:它一次只显示一张图片,只是大小不同。如果没有这个丑陋的标记,如何实现它?可能使用CSS,为了简单起见,我将图像大小放在HTML中。 最佳答案 根据您要寻找的结果,有多种解决方案。通过调整结果单元格的大小来尝试JSFiddle的行为。1。使用宽度百分比您可以为图像设置百分比宽度,使其根据屏幕大小进行调整。如果百分比大于原始宽度,此解决方案可能会增加图像的大小,例如,如果图像为250px宽,并且您使用width:

html - 响应式 img 从 srcset 获取错误图像

在隐身模式下使用GoogleChrome进行了测试,每次都使用“清空缓存和硬重新加载”重新加载页面。我有以下html响应图像:预期行为:1。视口(viewport)宽度0px-666px:浏览器应采用完整的视口(viewport)像素宽度,例如450px,并从srcset中选择宽度大于450px的最小src,在本例中为'/app/uploads/2018/07/1400x750-520x279.png'2。视口(viewport)宽度667像素-1399像素:浏览器应占据视口(viewport)宽度的38%,例如380px@1000px视口(viewport),并从宽度大于380px的

html - 删除 IMG 后的换行符

我在div旁边设置了一个img元素。我尝试了几种不同的方法来删除两者之间发生的换行符,但没有取得任何成功。任何输入将不胜感激!CSS#newsMainBody{margin-right:auto;margin-left:auto;background:#61bc49;width:750px;height:900px;font-family:"sans-serif";text-align:left;-moz-border-radius:10px;/*mozilla*/z-index:1;white-space:nowrap;}#starOfMonth{background:#ffff99

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/你的解决方案意味着无论你试图影

css - 为什么我的 HTML5 <picture> 的高度在其 <img> 之外,为什么它不包含 <img>?

这是我没想到的奇怪的是,似乎在图像本身下方有自己的位置和高度。它的CSSheight设置为auto,所以我不确定18px的高度在哪里来自。这是预期的行为包含在内.具有与HTML/DOM中包含的内容相同的高度,例如.这是我为解决问题所做的工作我试过删除PictureFill我们用来确保图像填充容器的库,但这并不是影响高度的原因。我还尝试检查DOM以查看的高度在哪里来自。此元素上没有设置填充、边距或高度。唯一的内容是它的和,这是的标准包含元素.非常感谢任何帮助或见解。ExamplecodeonJSBin!这是示例代码JSBin这是我所看到内容的屏幕截图 最佳答案