markdown文字与图片对齐方式

markdown文字与图片对齐方式

一、图片文字左右对齐

//如图所示,左文字,右图片
<div align="center">
<table rules="none">
<tr>
<td>
<p>文字</p>
<p>文字</p>
<p>文字</p>
</td>
<td>
<img src="图片地址" style="zoom:50%"  alt="图片名称"/>
</td>
</tr>
</table>    
</div>

二、单独图片作图片文字描述

//如图所示,上图片,下文字描述
<div align="center">
<img src="图片地址" style="zoom:50%" alt="图片名称"/>
<br/>
<font>图片描述</font>
</div>

三、单独图片作图片文字描述

//如图所示,上图片,下文字描述
<div align="center">
<img src="图片地址" style="zoom:50%" alt="图片名称"/>
<p>图片描述</p>
</div>
posted @ 2022-10-15 15:56  小白学CS  阅读(776)  评论(0编辑  收藏  举报