1比如我在div里面书写了一些文字，然后想要在放入一张图片，这时候小伙伴可能会直接想到img标签，其实这个想法是错误的2首先，我们应该先给div设置宽度和高度，保证文字有一个范围3然后通过background给div添加一张。

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

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

lthtml 代码修改成这样就可以了，把几个IMG分别装到列表里面，然后定义一下这个列表的样式即可 文字部分用了一下p标签，给内容分一下行，代码看起来会规范一些另外，img标签是不需要闭合的，我把ltimg给删掉了。

要将三张图片放在一行，并在下方添加文字，可以使用HTML和CSS来实现以下是一个示例代码lt！DOCTYPE html lthtml lthead ltstyle container display flex * 使用弹性布局 * flexwrap wrap * 换行 *。

新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltimg src=quotsmall3pngquot ltspanhello imageltspan3浏览器运行indexhtml页面，此时成功在图片右边写了文字“hello image”。

使用代码的方法，在图片上加字怎么做到呢 在html文件中，先建立一个div，然后在里面设置一个图片和文字h1，如图所示 现在打开后的样式是这样的，如图，图片在上，文字在下 然后对h1进行简单修饰，对文字大小fontsize和文字。