如何在Doxygen的.md文件中实现带居中标题的左对齐图片?
解决方案
你可以用inline样式的容器div实现需求,不用额外CSS文件,代码简单直接:
<div style="display: inline-block; text-align: center;"> <img src="Simulation-Client.png" alt="Simulation-Client"> <div>Simulation Client Architecture</div> </div> <div style="clear: both;"></div>
效果说明:
- 外层
div的display: inline-block让容器仅占据图片+标题的宽度,整体自然左对齐 - 外层
div的text-align: center让内部的图片和标题都相对容器居中,标题自动和图片对齐居中 - 最后的
clear: both避免后续内容被图片布局影响
之前方法的问题:
- Markdown原生图片语法:Doxygen对该语法的渲染默认是整体居中,无法直接设置左对齐
- 单独左对齐img:仅能实现图片左对齐,没有显示在下方的标题
- 分开的image和caption div:标题是全局左对齐,无法和图片宽度绑定实现相对居中
内容的提问来源于stack exchange,提问作者LarryB
相关产品推荐
相关产品推荐

