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

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

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

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

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

要是使用ltimg 的話(huà)，文字用ltspan包起來(lái)應(yīng)該能并排，前提是img不能設(shè)置，displayblock，文字也不要用ltp包，因?yàn)閘tp是塊元素，還有就是圖片太大了的話(huà)會(huì)把文字?jǐn)D下去，要是上面的都試了，那么就把文字和圖片設(shè)置。

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

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

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

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

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

lt！DOCTYPE htmllthtml ltheadltmeta。

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

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

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

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