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 @   小白学CS  阅读(881)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示