html - 如何在 Azure DevOps 中将图像居中

Question

我在我的 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，但它无法识别上传图像的相对路径...

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

谢谢

Answer 1

现在

基于rickvdbosch的回答它可以简单地完成:

<center>

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

</center>

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

步骤:

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