首先我們先打開自己的DreamWeaver軟件，新建一個html5頁面，然后命名，保存然后我們先進行簡單的頁面布局在body部分加入一個div，里面添加ul和li的嵌套我們在li標(biāo)簽中添加部分內(nèi)容，并設(shè)置其寬度為100%，即充滿整個屏幕。

有一種方法就是利用表格布局，lttable lttr align=quotcenterquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 這樣寫，是可以保證圖片和文字同派且文字。

ltp這里是文字說明ltp ltbody lthtml 在上面的示例代碼中，使用了Flex布局display flex來將三張圖片放在一行，并通過設(shè)置每個圖片占據(jù)一行的三分之一寬度width 3333%來實現(xiàn)圖片和文字的樣式可以根據(jù)。

如果你是用img引入圖片的話，應(yīng)該是可以并排的，那么沒有并排的原因可能有1你給img設(shè)置了displaybolck2你的文字是用P標(biāo)簽包起來的，P標(biāo)簽是塊狀元素，會獨占一行在排除浮動和定位的情況下3你的圖片太大了把。

1可以用一個最大的div層 包裹住，左邊一個div 左浮動，右邊一個div右浮動，左邊的就是一個logo圖，主要處理在右邊2右邊的div定義好之后，在細分為上中下，三個大div，最上面的div 可以左右浮動，左邊一個span。

要是使用ltimg 的話，文字用ltspan包起來應(yīng)該能并排，前提是img不能設(shè)置，displayblock，文字也不要用ltp包，因為ltp是塊元素，還有就是圖片太大了的話會把文字擠下去，要是上面的都試了，那么就把文字和圖片設(shè)置。

你好，將圖片和文字分別放在兩個diy中給兩個div分別設(shè)置樣式floatleft 希望能夠幫到您，感謝您的采納。

第一種方法 添加一個DIV，采用絕對定位，圖片所屬DIV為基準(zhǔn) ltdiv style=quotpositionrelativewidth100pxheight100pxquot ltimg src=quotquot alt=quotquot ltdiv style=quotpositionabsolutewidth100pxheight100pxz。

選擇使用非塊級元素行內(nèi)塊或者行內(nèi)元素就行了，或者將塊級元素設(shè)置為非塊級元素即可即displaylineblock或者displayline這里給你個示范拓展塊級元素，行內(nèi)塊元素，行內(nèi)元素的區(qū)別。

3之后在background后面加上url，為了連接圖片，在url里面寫的就是背景圖片的路徑4可以根據(jù)個人喜好放入喜歡的圖片，在這里路徑一定要寫對5這樣，保存之后文字就會覆蓋在圖片的上面了。

用div將字套起來，加上float屬性就能讓圖片和文字在一行了。

lt！DOCTYPE htmllthtml ltheadltmeta。

使用代碼的方法，在圖片上加字怎么做到呢 在html文件中，先建立一個div，然后在里面設(shè)置一個圖片和文字h1，如圖所示 現(xiàn)在打開后的樣式是這樣的，如圖，圖片在上，文字在下 然后對h1進行簡單修飾，對文字大小fontsize和文字。

3然后需要在html中添加環(huán)繞代碼ltstyle p border1px solid red img floatleft margin0 5px 5px 0 ltstyle 4代碼添加完畢后，保存html文件，重新打開預(yù)覽就可以看到文字環(huán)繞圖片的格式了。

在此，馬海祥就用“注冊登陸找回密碼”這個在實際運用中經(jīng)常遇到的情況還做實例，把“注冊”和“登陸”做成圖片，“找回密碼”設(shè)置成文字 html代碼如下 找回密碼 css代碼如下 #denglu *verticalalignmiddle *。

把文字放在ltdiv容器中形成一個模塊，然后用css調(diào)整div模塊的位置，一般是調(diào)整margin 詳細請參考tutorialhtml。