ltdiv style=quottextalign centerquot ltimg src=quot图片地址图片名称jpgquot ltp你要输入的文字ltpltdiv如果图片和文字在同个div内，那就把div的css设置为textalign center；然后一个盒子装着头像和文字，把装着头像和文字 的盒子根据装着图片的盒子进行定位就可以了，像这样的其实很简单的，要多思考和分析 代码，要注意图片你要自己放图片，和修改图片路径 lt！DOCTYPE html lthtml lthead ltm。

lthtml 这样就会能够将文字放在图片的正下方，得到以下图片文字位于正右边的方法lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscal；可以以html为例，步骤一在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字二在CSS中对文字图片进行简单样式添加，效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字三。

比较简单的做法就是，将他们放置一个盒子内，你想让文字跟图片居中，那么不一定要让图片当文字的参照物，而是让他们在大盒子内居中，不需要太复杂的框架结构，只需要利用样式的属性即可，并且各个浏览器都会正常显示，代码如下；图片下打文字把图片放在div中，在div中图片后面打字就可以 ltdivltimg src=quotaajpgquot ltbr文字ltdiv。

图片默认为内联元素，可以设置图片为块级元素，然后直接写文字就可以在图片下方了举例img displayblock HTML代码ltimg src=quot图片路径quot 这里是测试文字，可以在图片下方。

html中图片下放加文字怎么弄

lt！DOCTYPE htmllthtml ltheadltmeta。

1首先，打开html编辑器，新建html文件2其次在indexhtml中的标签，输入代码3最后浏览器运行indexhtml页面，此时文字成功浮动到了图片右上方了。

lttrlt！这里是一行 lttd ltimg src=quotgifquot lttd lttr lttrlt！这里是下一行 lttd 这里的文字在下方 lttd lttr lttable 不懂html语言的话。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltimg src=quotsmall3pngquot ltspanhello imageltspan3浏览器运行indexhtml页面，此时成功在图片右边写。

html中图片下放加文字怎么加

1、图片下面加ltp标签即可，ltimg src=quot裤子jpgquotltaltpXXXltp。

2、图片和文字的样式可以根据需求进行调整，例如图片的间距padding文字的对齐方式textalign等你可以将示例代码保存为一个HTML文件，将ltimg标签中的src属性替换为你自己的图片路径，并在最后的ltp标签中添加自己的。

3、ltstyleltheadltbodyltimg src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在开发工具里面的截图三浏览器里面的效果截图四总结一下这个是在body里面添加一下背景图片，然后再建div就可以。

4、1在HTML中，使用position属性给包含图片和文字的容器元素div添加相对定位样式2使用position属性给文字元素添加绝对定位样式3使用left和top属性设置文字元素在图片上的位置，将打招呼的文字定位在图片旁边即可。