当前位置: 首页 > 面试题库 >

将图片嵌入 元件

秦俊发
2023-03-14
问题内容

我正在尝试<button>在HTML
的元素上显示png图像。该按钮与图像的大小相同,并且显示了图像,但由于某种原因不在中心,因此无法看到全部。换句话说,图像的右上角似乎位于按钮的中心而不是按钮的右上角。

这是HTML代码:

<button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button>

更新:
我认为实际发生的是利润问题。我得到两个像素的边距,因此背景图像从按钮中消失了。该按钮和图像的大小相同,这是唯一的20px,所以这是非常noticable
......我试过margin:0padding:0但它并没有帮助…


问题答案:

您可以使用输入类型的图像。

<input type="image" src="http://example.com/path/to/image.png" />

它可以作为按钮使用,并可以附加事件处理程序

另外,您可以使用css为背景按钮设置样式,并适当设置边框,边距等。

<button style="background: url(myimage.png)" ... />


 类似资料:
  • 问题内容: 我目前有一个程序,可以从列表中随机选择引号并通过电子邮件发送。我现在也尝试在电子邮件中嵌入图片。我遇到了一个问题,可以附加电子邮件,但报价不再起作用。我已经在网上进行了研究,但解决方案对我不起作用。请注意,我使用的是Python 3.2.2。 任何指导将不胜感激。 从上面的代码可以看出,我尝试了不同的方法(引用#) 问题答案: 您正在费力地在中构造有效的MIME消息,然后放弃它并发送一

  • 使用EasyExcel导出excel,图片无法嵌入单元格 使用低版本时,图片不会跟随单元格大小变化而变化。 使用高版本图片大小会跟随单元格大小变化而变化,但是还是无法嵌入到单元格

  • 我正在尝试将工作表中的一个范围作为图像嵌入outlook邮件正文中。它正在正确保存图片,但我只在outlook邮件正文中看到空白图像。我做错了什么?

  • 问题内容: 如何将.png文件嵌入空白的“file.html”中,以便在任何浏览器中打开该文件时都能看到该图像?在这种情况下,图像文件不是从HTML链接到的,而是图像数据嵌入在HTML本身中。 问题答案: 在线上有一些base64编码器可以帮助您解决此问题,这可能是我见过的最好的编码器: 该页面显示了CSS的主要选项: 或标签本身,如下所示:

  • 问题内容: 我正在使用python 3.5.2,我想制作一个嵌入了png图像的饼图。我有一些我想插入切片的散装产品的图片。例如,一片草莓,另一片覆盆子。就像http://www.python- course.eu/images/pie_chart_with_raspberries.png 显示的图片一样。 我可以生成图像,甚至可以绘制图像而不是点,如此处所示Matplotlib:如何绘制图像而不是

  • 本文向大家介绍将图片文件嵌入到wxpython代码中的实现方法,包括了将图片文件嵌入到wxpython代码中的实现方法的使用技巧和注意事项,需要的朋友参考一下 下面直接上代码留存,方便以后查阅复用。 重点部分是bitmap = PyEmbeddedImage(b64).GetBitmap()代码,其中b64是前面生成的图片的base64字符串,bitmap就是我们的图片对象,可以让wx.Stati