1、选择使用非块级元素行内块或者行内元素就行了，或者将块级元素设置为非块级元素即可即displaylineblock或者displayline这里给你个示范拓展块级元素，行内块元素，行内元素的区别；如何在图片上加文字 如何在图片上加入文字方法如下 1把需要添加字的图片先移到桌面，鼠标右键点击图片，看到“编辑”后打开编辑2然后在“画图”中编辑，点击框中“A”的标志，这种标志一般都是编辑字体 3；ltstyle 用chrome浏览器打开上面的html文件，可以看到文字绕排效果，如下图所示 由于在引入图片时我们用到的语句是ltimg src=quotPenguinsjpgquot style=quotwidth 50%heightautoquot，这表明图片的大小是会随着浏览器窗口的；1在同一个div里，先书写一段代码，如下图所示，在这个代码中给dive设置宽度和高度，这时为了让文字有一个具体的范围2找到background，如下图示，在background的后面添加上图片作为这个的背景图案3之后在background。

2、在标签中做背景，然后添加文字就行了 例如 ltdiv style=quotbackgroundimage图片jpg backgroundrepeatnorepeatquot字体ltdiv；用两个div，前面div的放图片标签，后面div的放文字部分把后面div在css中加入float属性，浮动起来，这样它就会“飘”在图片上面最后利用在css中利用position属性，就能把图片和文字定位到合适的位置。

3、一image 作为背景图片，即backgroundurlquotquot例如如下代码块ltdiv style=quotbackgroundurl#39loadinggif#39 norepeatwidth100pxheight50pxquot添加文字添加文字添加文字ltdiv 二将img块；可以加个悬浮代码让文字浮于图片上，也可以加个分割之类的代码，让图片和文字分开排版；lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltstyle type=quottextcssquotdiv position absolutetop 50%left 50%height 200pxmargintop 100pxwidth 400pxmarginleft 200pxltstylelt；新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltimg src=quotsmall3pngquot ltspanhello imageltspan3浏览器运行indexhtml页面，此时成功在图片右边写了文字“hello image”；使用代码的方法，在图片上加字怎么做到呢 在html文件中，先建立一个div，然后在里面设置一个图片和文字h1，如图所示 现在打开后的样式是这样的，如图，图片在上，文字在下 然后对h1进行简单修饰，对文字大小fontsize和文字。

4、1创建一个新的html文件 2在body标签里创建一个div，在div的p标记里面写入文字 3在head标签里编写css样式，让图片作为文字的背景，并且设置图片不重复4这样编辑html时，在图片上添加文字的问题就解决了；最简单的方法是使用浮动1可以用一个最大的div层 包裹住，左边一个div 左浮动，右边一个div右浮动，左边的就是一个logo图，主要处理在右边2右边的div定义好之后，在细分为上中下，三个大div，最上面的div 可以；lthtml 在上面的示例代码中，使用了Flex布局display flex来将三张图片放在一行，并通过设置每个图片占据一行的三分之一宽度width 3333%来实现图片和文字的样式可以根据需求进行调整，例如图片的间距padding。

5、有一种方法就是利用表格布局，lttable lttr align=quotcenterquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 这样写，是可以保证图片和文字同派且文字；可以以html为例，步骤一在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字二在CSS中对文字图片进行简单样式添加，效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字三；若想要文字尽可能包围图片，应该选择的文字环绕方式是A四周型 B穿越型 C浮于文字上方 D嵌入型 正确答案A；2添加CSS样式修饰，最外面的大框添加宽度居中3现在的图文是这样排版4想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后5如图添加浮动后，文字部分因为文字太长超出了他所用那的。