1、准备好图片标签,一个DIV,一个SPAN标签,然后图片说明,结构代码如下:<div class="pic&鳎溻趄酃quot;><img src="/i/tulip_ballade_s.jpg" alt=""><div><span>图片说明</span></div></div>

3、整合代码,将pic的宽度设置成跟图片的宽高一样,这样使得图片跟文字的描述都能够在同一水平线上,效果如下

时间:2024-10-12 21:55:49
1、准备好图片标签,一个DIV,一个SPAN标签,然后图片说明,结构代码如下:<div class="pic&鳎溻趄酃quot;><img src="/i/tulip_ballade_s.jpg" alt=""><div><span>图片说明</span></div></div>
3、整合代码,将pic的宽度设置成跟图片的宽高一样,这样使得图片跟文字的描述都能够在同一水平线上,效果如下