1、可以制一个表格，把表格背景设为这个图片我也就只会这么做了，图片大小可以随表格大小调整，效果图如下 图片有些不清楚，加一串代码 lttable background =quotimage金色光点pngquot width=quot600quot height=quot500。

2、1首先当然是要插入一张图片啦，代码如下lta href=quot#quot target=quot_blankquotltimg src=quotimages13pngquot width=quot240quot heigth=quot240quotlta 图片路径自己定义2定义一个层在图片上这里要用到定位positionltdiv。

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

4、lthtml 这样就会能够将文字放在图片的正下方，得到以下图片文字位于正右边的方法lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscal。

5、lttitle图片上放文字lttitle ltstyle type=quottextcssquot html，body margin0 autoimg display blockwidth100% box width100%margintop 50px boxcent width50%margin0 autopositio。

6、2插入文本框后，先把文本框形状填充设置为无填充3设置好文本框后，插入公章图片4输入公章图片后，选中图片，点击右键，然后选择置于底层5点击至于底层后，就可以把公章图片置于文字下方了。

7、然后，设置背景图片元素backgroundimage的 position 属性为 absolute，使其脱离文档流，可以进行自由定位同时，设置文字内容元素text的 position 属性为 absolute，bottom 和 left 属性都设置为 0，使得文字内容。

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

9、图片floatleft靠左，文字floatright 靠右。

10、ltimg src=quotE图片1jpgquot align=quotbottomquot ltp安溪清香铁观音特级ltpltcenter销售价￥89ltcenter ltli ltul ltbody lthtml 代码修改成这样就可以了，把几个IMG分别装到列表里面，然后定义一。

11、2弹出对话框，选择好图片，点击插入3这时图片插入到文档后，并没有位置文字的下方，而是把文字上下分开了4这时可以点击图片，格式，位置，其他布局选项5弹出对话框，点击文字环绕，衬于文字下方，确定6这时。

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

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

14、今天用HTML5做了一个手机APP上的页面，对于怎样让文字和图片始终能在同一行的问题很是苦恼，经多方咨询终于做出了让自己满意的效果，现在就来将分享给大家首先我们先打开自己的DreamWeaver软件，新建一个html5页面，然后命名。

15、2首先，我们应该先给div设置宽度和高度，保证文字有一个范围3然后通过background给div添加一张图片作为它的背景4通过url来连接图片，url里面放置的就是背景图片的路径5我就随意的放了一张图片用作背景。

16、答案 鼠标右键点击图片，在弹出的菜单中选择“大小和位置”，在弹出的“布局”对话框中，选择“文字环绕”选项卡，将“环绕方式”更改为“衬于文字下方”，然后点击“确定”按钮返回文档中，将图片拖至文字处即可。