1、給圖片加floatleft屬性，然后再通過margin或padding去調整，文字通過lineheight調整，希望能幫到你；1首先打開計算機，使用瀏覽器打開ahtml，可以看到默認情況，是圖片置頂對齊，文字置底對齊，所以通常圖片高，文字低，不能水平居中對齊2再次編輯ahtml，加入以下css代碼hlong *displayinlineblockverticalalign；可以再文字框里面輸入 ltdiv style=quotpositionabsolute left100px top100px width100px height100pxquot ltimg src=quot圖片LINKquot ltdiv 其中 left，top都是調整位置的你就在px前面輸入數(shù)字好了；的盒子根據裝著圖片的盒子進行定位就可以了，像這樣的其實很簡單的，要多思考和分析 代碼，要注意圖片你要自己放圖片，和修改圖片路徑 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle圖片上放文字lt；選擇使用非塊級元素行內塊或者行內元素就行了，或者將塊級元素設置為非塊級元素即可即displaylineblock或者displayline這里給你個示范拓展塊級元素，行內塊元素，行內元素的區(qū)別；P標簽是塊狀元素，會獨占一行在排除浮動和定位的情況下3你的圖片太大了把文字擠下去了 沒有代碼不知道你的具體情況，不過我覺得第二種最有可能了如果還不是的話，請把代碼復制給我看看，就是你的布局和css；1前端用到的編輯器有很多，本例通過選擇SublimeText3編輯器來實現(xiàn)文字居中圖片的制作第一步，打開電腦中安裝的SublimeText3，新建demo文件夾用來存放文件，在里面新建一個html文件，通過Tab快捷鍵迅速創(chuàng)建一個html模板，并。

2、1可以用一個最大的div層 包裹住，左邊一個div 左浮動，右邊一個div右浮動，左邊的就是一個logo圖，主要處理在右邊2右邊的div定義好之后，在細分為上中下，三個大div，最上面的div 可以左右浮動，左邊一個span；2添加CSS樣式修飾，最外面的大框添加寬度居中3現(xiàn)在的圖文是這樣排版4想要將圖文左右排版，無非是定位或者浮動，對圖片塊和文字塊都添加了浮動效果后5如圖添加浮動后，文字部分因為文字太長超出了他所用那的；src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在開發(fā)工具里面的截圖三瀏覽器里面的效果截圖四總結一下這個是在body里面添加一下背景圖片，然后再建div就可以布局；具體步驟如下1在同一個div里，先書寫一段代碼，如下圖所示，在這個代碼中給dive設置寬度和高度，這時為了讓文字有一個具體的范圍2找到background，如下圖示，在background的后面添加上圖片作為這個的背景圖案3；HTML圖片和文字是并列顯示的如下1 將文字浮在圖片上我們加個div把圖片和文字包在一起，并且加上imggroup和imgtip這兩個class，便于后面的處理我們要讓文字浮在圖片上面，需要加上定位看文字浮在了圖片的底部；有一種方法就是利用表格布局，lttable lttr align=quotcenterquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 這樣寫，是可以保證圖片和文字同派且文字。

3、2首先，我們應該先給div設置寬度和高度，保證文字有一個范圍3然后通過background給div添加一張圖片作為它的背景4通過url來連接圖片，url里面放置的就是背景圖片的路徑5放一張圖片用作背景，注意，路徑要寫；```html ltdiv style=quotbackgroundimage url#39yourimageurl#39 backgroundsize contain width 100%quot ltpYour text hereltp ltdiv ```在這個示例中，我們使用`div`元素作為背景容器，將圖片作為背景。

4、ltdiv style=quotbackground urlsmall2png height 60pxquot ltspan style=quotposition absoluteright 10pxquot123ltspan ltdiv 3瀏覽器運行indexhtml頁面，此時文字成功浮動到了圖片右上方了。