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

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

ltdiv style=quotbackgroundimageurl您的圖片位置quot ltdiv這里添加logo 用css控制就可以了ltdiv ltdiv這里可以添加文字了如果需要的話可以吧文字放在一個(gè)容器里，并用css控制它的位置ltdiv ltdiv 這個(gè)。

圖片和文字的樣式可以根據(jù)需求進(jìn)行調(diào)整，例如圖片的間距padding文字的對齊方式textalign等你可以將示例代碼保存為一個(gè)HTML文件，將ltimg標(biāo)簽中的src屬性替換為你自己的圖片路徑，并在最后的ltp標(biāo)簽中添加自己的。

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

lttable lttr align=quotcenterquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 這樣寫，是可以保證圖片和文字同派且文字與圖片是居中顯示的，而不是。

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

這樣文字會將圖片覆蓋，我們還需要為li標(biāo)簽設(shè)置一個(gè)左側(cè)的內(nèi)邊距，以保證文字在圖片的左邊由于圖片的大小已經(jīng)是固定值了，左邊距的大小我們也可以將其設(shè)為固定的再在li標(biāo)簽下面添加一條橫線，并將背景圖片進(jìn)行定位，這樣。

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