如何使用img标签更改图像位置

在HTML中，你可以使用CSS样式来改变<img>标签的位置。以下是一些常见的方法：

使用margin属性：你可以使用CSS的margin属性来调整图像的位置。例如，你可以使用margin-left和margin-top来移动图像： <img src="your-image.jpg" style="margin-left: 50px; margin-top: 20px;"> 这会将图像向右移动50像素，向下移动20像素。
使用position属性：你可以使用CSS的position属性来精确地定位图像。例如，你可以使用position: absolute;和top、left属性来定位图像： <img src="your-image.jpg" style="position: absolute; top: 20px; left: 50px;"> 这会将图像的左上角定位在距离页面顶部20像素、左边50像素的位置。
使用transform属性：你可以使用CSS的transform属性来移动图像。例如，你可以使用transform: translate(x, y);来移动图像： <img src="your-image.jpg" style="transform: translate(50px, 20px);"> 这会将图像向右移动50像素，向下移动20像素。

如何使用img标签更改图像位置

html、css、twitter-bootstrap

我需要改变下面img标签图像的位置来居中，我该怎么做呢？ <img src="<?>assets/img/technet-logo-lg.png" width="300" alt="Technet Logo"> </

浏览 17提问于2017-08-17得票数 0

1回答

Swing -调整大小时，JScollArea在GridBagLayout中崩溃

java、swing、window、jscrollpane、gridbaglayout

我正在编写一个“图像查看器”应用程序，它的中心区域包含图像，加上工具栏等。new Dimension(IMG_WIDTH, IMG_HEIGHT); return new Dimension(IMG_WIDTH, IMG_HEIGHT); public Dimensionget

浏览 3提问于2020-05-26得票数 0

回答已采纳

2回答

MATLAB:查找一个数组中的值，并使用这些位置更改单独的3通道数组中的一个通道中的值

image、matlab、image-processing

因此，我有一个带标签的数组(array1)，其中包含感兴趣的连通区域(背景全为零，第一个区域的连通区域都是1，第二个区域都是2，第三个区域是3，依此类推)。我还有一个我认为重要的区域标签的向量(vector1) (例如，1、6、9)。我想要找到这些值在带标签的数组中的位置，然后在相同位置更改单独3通道数组的一个通道中的值(希望将图像的某些部分着色为绿色，基于在另一图像中找到的感兴趣区域)。我可以使用下面的代码更改所有

浏览 2提问于2015-04-12得票数 0

3回答

透明的PNG在Chrome和IE中有灰色边框，在FireFox中不可见

html、png、invisible

3AAAAAElFTkSuQmCC) 0px 0px no-repeat no-repeat; </style> <body> <img

浏览 3提问于2012-09-13得票数 1

回答已采纳

3回答

鼠标经过缩略图并淡入淡出效果

jquery、css、fade

src="thumbs/img1.jpg" /></a> <a href="#"><img src="thumbs/img3.jpg"

浏览 2提问于2011-11-15得票数 0

回答已采纳

1回答

照片在不同浏览器中旋转90度

php、css、html、imagemagick

我用DSLR在纵向方向拍摄了一张照片，并使用PHP/ImageMagick对其进行了调整。上传到亚马逊S3后，我注意到如果我使用Chrome和Internet查看图像，它将被旋转90度成一个横向，但如果使用火狐，它是一个肖像方向！问题：--这对我来说非常令人费解，是什么导致了它的旋转，我们如何才能修复这个方向呢？即使在网页上，用于加载图像的简单<img />标记也会导致不同的方向！当使用窗口8的窗口照片查看器时，照片是

浏览 0提问于2013-10-18得票数 1

回答已采纳

2回答

用于鼠标悬停的jQuery移动等效功能

android、jquery、hover、equivalent

我有一个功能，是激活一系列缩略图img标签，当光标悬停。图像是显示:块和位置:绝对，位置(顶部)和大小在鼠标悬停时更改。如何在Android或iPhone/iPad Safari上重现相同的内容。

浏览 0提问于2013-02-10得票数 1

2回答

如何查找元素在div中的位置

html

如何查找元素在div中的位置 <div style="width:100px;overflow:hidden"><img id="img_2" src=""/><input type="button" oncl

浏览 2提问于2009-10-09得票数 1

1回答

在浏览器中显示的电子邮件中阻止图像的最佳方法？

javascript、html、image、html-email、email-client

我想“阻止”(即不显示)协议为http (vs.https)的图像，因为我的站点是通过ssl服务的，我不希望看到不安全的内容警告。有更好的办法吗？我应该指出，这是一项临时措施。在未来，我将设置一个类似于gmail的图像代理/缓存系统。

浏览 4提问于2015-10-05得票数 0

回答已采纳

2回答

在x轴上以uilabel为中心，以符合uiimage内容的方式在左侧进行

ios、uiimage、uilabel、autolayout

在UILabel的左边，应该定位一个UIImage，这个位置应该与UILabel对齐。我让它没有布局工作良好，但必须使用自动布局。我在努力，但我想不出来。[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-padding-[img(16)][lblUserName]-padding-|" options

浏览 9提问于2014-07-31得票数 0

回答已采纳

1回答

使用innerhtml更改img标签的图像

javascript、html

我想使用img标签的innerhtml更改图像，当我单击它时，我的代码如下所示 tempData +=

浏览 0提问于2012-06-22得票数 0

2回答

自动将宽度和高度属性添加到图像标记中

html、jekyll

我正在尝试编写一个脚本，自动将图像width和height添加到我的所有img中。我已经看到了这个问题：我也看过fastImage，但是它不能很好地处理Jekyll和本地文件()。你能告诉我如何做到这一点吗？

浏览 2提问于2016-06-27得票数 5

回答已采纳

1回答

Img占据所有页面的标签

css

只有当宽度为300px，高度为500px时，我的图像才看起来很好。position: relative;position: absolute;right: 0px; }

浏览 0提问于2016-06-21得票数 0

2回答

如何在React JS中添加镜像

javascript、reactjs

我有一个使用“对象数组”的代码，它显示了员工的详细信息。我也想上传他们的照片。那么，我需要将图像(它们的路径)保存在我的ReactApp中的什么位置，或者我可以直接从笔记本电脑的硬盘驱动器上传。什么将是为每个员工上传图像的代码。

浏览 0提问于2021-03-01得票数 0

2回答

我正在使用一个多语言脚本来改变语言。现在我在使用这个图像时遇到了麻烦

javascript、jquery、html、image

我是脚本和jQuery的新手<a href="#"><img src="/flags/us.png" alt="en_EN" /></a> <a href="#"><img src="/flags/it.png&quo

浏览 0提问于2013-09-03得票数 0

1回答

在一个img src标签上显示不同格式的普通图像和base64图像

javascript、jquery、html、css

我正在使用javascript在HTML上显示来自WS .In的以base64编码的图像。在少数情况下，我获得png、gif、jpg格式的图像，并希望将它们显示在相同的<img src= >标记中。$("#testImage").append("<img src=\"data:image/png;base64," +imgSRC+"">); 其中imgSRC是base64镜像。1.如何

浏览 3提问于2013-01-14得票数 0

回答已采纳

2回答

jQuery移动显示图像背景周围的边框/轮廓

image、jquery-mobile

我正在使用jQuery移动构建移动网站，我有一个列表视图，显示每个菜单的图标在登陆页面上。我通过背景图像显示图标，img标签上有背景位置(使用sprite图标)：.iconhome {background: transparentclass="iconhome ui-li-icon" id="i-travel"></img>Trave

浏览 2提问于2012-01-16得票数 2

1回答

如何显示已标记的多幅图像

php、jquery

Iam使用图像标记，在标记图像之后将其存储在DB..and中的位置x和y存储在图像中，同时使用标记显示信号图像，它显示的位置如下 <div class="tag" s

浏览 1提问于2014-09-16得票数 0

回答已采纳

1回答

为什么字形图标不能作为锚点工作？

twitter-bootstrap、glyphicons

在我的程序页面上，我有标准的锚标签。我将它们设置为打开一个新窗口，如果你将鼠标悬停在它们上面，就会弹出一个缩略图。效果很好。然而，我尝试在锚点触发器工作后添加一个字形图标来处理弹出功能，但没有成功。这是html的工作片段-现在添加一个glyphicon...still看起来不错 <a href="images/

浏览 0提问于2015-03-08得票数 1

1回答

Noob -图像的文本左右对齐

html、css、image、text、alignment

我已经决定建立一个模拟的网站来使用我所学的东西，它进行得很好，除了我似乎不能把图像和文本并排在底部的文本。我的图片在我的段落里...P class="text“img class="image”src="#.jpg“/p (必须删除标记，无法显示) 我的文本在CSS中向右浮动，我的图像向左浮动。

浏览 0提问于2018-02-22得票数 0

点击加载更多