html – 如何在Azure DevOps中居中图像

2023年2月4日 326次阅读

我在我的wiki页面上传了一个图像作为附件…这里生成的代码到页面：

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

我想以这张图片为中心.但是我不能.

我试图将该YAML代码包装在HTML div中..但是就像我无法在HTML标签中插入YAML标签…

我还尝试添加样式标记,但Azure devOps Wiki页面不支持样式标记.

最后我尝试添加HTML img标签而不是yaml,但它无法识别上传图像的相对路径……

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

谢谢

最佳答案 找出图像的整个路径(或右侧相对的路径),并将其放在< center>内的img-tag中.标签.在Wiki中插入文件时,我会得到一个像blob这样的图片网址：https：//dev.azure.com/SOME-GUID.此URL(包括blob：-prefix时)可用于在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.

点赞