如何在 Azure DevOps 中使图像居中答案

【问题标题】：How to center an image in Azure DevOps如何在 Azure DevOps 中使图像居中
【发布时间】：2019-05-30 00:55:20
【问题描述】：

我在我的 wiki 页面中上传了一张图片作为附件...这里是生成到页面的代码：

![myImage.png](/.attachments/MyImage_3-dc7eb2d3-c632-4fe3-831a-b5dbfcbf1d98.png)

我想将此图像居中。但是我不能。

我试图将 YAML 代码包装在 HTML div 中。但就像我无法在 HTML 标记中插入 YAML 标记...

我也尝试添加 style 标签，但 Azure devOps Wiki 页面不支持 style 标签。

最后我尝试添加一个HTML img标签而不是yaml，但它无法识别上传图片的相对路径...

是否存在使图像居中的方法？

谢谢

【问题讨论】：

你能接受投票最多的答案吗？

标签： html azure-devops yaml

【解决方案1】：

找出图像的整个路径（或正确的相对路径）并将其放入img-tag 内的<center> 标记中。在 Wiki 中插入文件时，我得到一个像 blob:https://dev.azure.com/SOME-GUID 这样的图像 URL。此网址（当包括blob:-前缀时，可用于在img-tag 中显示附加图像。

<center>
    <img src="blob:https://dev.azure.com/SOME-GUID" />
</center>

如果图像足够重要以至于可以在 Wiki 页面中使用，那么将其托管在可以在 Wiki 中使用的某个位置可能也足够重要。看看创建一个public container/blob in an Azure Storage account。

编辑：
我已将我的组织迁移到“使用新 URL：https://dev.azure.com/MY-ORGANIZATION/”（来自组织设置 - 概述）。这可能会对上传附件的方式产生影响，尽管我所在的另一个组织还没有升级到新的 URL，并且还获得了一个不错的 blob:blob:https://dev.azure.com/SOME-GUID 附件 URL。

【讨论】：

我不确定这个解决方案，因为绝对路径真的很奇怪......https://mytfs.visualstudio.com/96559a72-7481-4df1-b007-a026aae9c06b/_apis/git/repositories/34a0b44d-094a-4a84-833b-9464bf081bb0/Items?path=%2F.attachments%2FMyImage_3-dc7eb2d3-c632-4fe3-831a-b5dbfcbf1d98.png&versionDescriptor%5BversionOptions%5D=0&versionDescriptor%5BversionType%5D=0&versionDescriptor%5Bversion%5D=wikiMaster&download=false&resolveLfs=true&%24format=octetStream&api-version=5.0-preview.1......我不知道如果微软决定改变一些东西会发生什么......我认为它这不是一个遥远的想法。
如果我只从查询字符串中删除一个值，例如“*version”，则不再有效...但是，嘿....解决方案有效...
他们可能无论如何都不会更改此网址...但这是附加到工作项的图像吗？因为如果它直接在一个 repo 下，那么 url 会简单很多。
不，它是作为维基页面的附件上传的
谢谢...它现在可以工作了..我不得不使用新的网址进行迁移，然后我再次上传了图片

【解决方案2】：

现在

根据rickvdbosch 的回答，可以简单地使用：

<center>

![image.png](/.attachments/image-b2195f3b-f3af-467b-b9d6-0853b1cd7d08.png)

</center>

不需要 Azure 中的 blob 存储，只需使用 Azure DevOps 在插入图像时创建的相对路径。

步骤：

在 wiki 编辑器/markdown 中复制粘贴图像，或使用插入文件菜单命令
在它周围加上<center>标签
为<center> 标签添加一些填充或其他样式

【讨论】：

很好的解决方案。请注意后的空行。否则它不起作用。