網(wǎng)頁設(shè)計基礎(chǔ) 網(wǎng)頁設(shè)計時如何將圖片和文字位于同一水平?
網(wǎng)頁設(shè)計時如何將圖片和文字位于同一水平?設(shè)計網(wǎng)頁時,保持圖片和文本處于同一水平。1。不要向文本標(biāo)簽添加屬性。只要給img{vertical align:middle}一個屬性。2、IMG標(biāo)簽向左浮動,
網(wǎng)頁設(shè)計時如何將圖片和文字位于同一水平?
設(shè)計網(wǎng)頁時,保持圖片和文本處于同一水平。
1。不要向文本標(biāo)簽添加屬性。只要給img{vertical align:middle}一個屬性。
2、IMG標(biāo)簽向左浮動,向文本添加標(biāo)簽(例如,span),然后將文本標(biāo)簽設(shè)置為塊,并設(shè)置上(內(nèi)/外)邊距。span{顯示:內(nèi)聯(lián)塊邊距頂部:4PX margin top:4PX}內(nèi)頁邊距、外頁邊距,最好是內(nèi)頁邊距。
3、在文本中添加標(biāo)簽(例如,span)并同時控制兩個標(biāo)簽的浮動。并為文本添加行高,其值為圖像高度值。
網(wǎng)頁想把圖片和文字并排輸出?
如果您使用img來介紹圖片,應(yīng)該可以并排,那么不并排的原因可能如下:1。你為img準(zhǔn)備了什么顯示:bolck 2。您的文本用P標(biāo)記換行。P標(biāo)簽是塊元素,它將獨占一行(不包括浮動和定位)。三。你的圖片太大了,擠不出文字。我不知道你的具體情況沒有代碼,但我認(rèn)為第二個是最有可能的。如果沒有,請復(fù)制代碼給我,這是你的布局和CSS