課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
四張圖片放在一起
2016-12-03
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 7-3
正在回答
<img>標(biāo)簽本身就可以把圖片排成一行。所以如題主所說,只要:
<img src="圖片1" >
<img src="圖片2" >
<img src="圖片3" >
<img src="圖片4" >
這樣既可——只要img所在的盒子寬度足夠長就行。
如果一行只顯示了兩個(gè)或一個(gè)圖片,是因?yàn)楹凶訉挾炔粔颍梢孕薷膱D片顯示的尺寸解決
float:left或者display:inline-block
img 本身就是內(nèi)斂元素,不會(huì)主動(dòng)換行,只有你的圖片尺寸比計(jì)大的時(shí)候才會(huì)換行,你把瀏覽器的尺寸縮小就又會(huì)看見他們出現(xiàn)在一行,如果不想縮小瀏覽器的話建議修改圖片尺寸
<img src="圖片地址" alt="下載失敗時(shí)的替換文本" title = "提示文本">
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答如何滑過圖片放大圖片呢
2 回答如何用一個(gè)圖片做為一個(gè)鏈接
3 回答利用hover使圖片放大如何寫
5 回答如截圖,怎么把縮進(jìn)放在.fire位置而不放在li上,權(quán)重該如何寫?
3 回答如何在option中加入圖片
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-12-03
<img>標(biāo)簽本身就可以把圖片排成一行。所以如題主所說,只要:
<img src="圖片1" >
<img src="圖片2" >
<img src="圖片3" >
<img src="圖片4" >
這樣既可——只要img所在的盒子寬度足夠長就行。
如果一行只顯示了兩個(gè)或一個(gè)圖片,是因?yàn)楹凶訉挾炔粔颍梢孕薷膱D片顯示的尺寸解決
2016-12-03
float:left或者display:inline-block
2016-12-03
img 本身就是內(nèi)斂元素,不會(huì)主動(dòng)換行,只有你的圖片尺寸比計(jì)大的時(shí)候才會(huì)換行,你把瀏覽器的尺寸縮小就又會(huì)看見他們出現(xiàn)在一行,如果不想縮小瀏覽器的話建議修改圖片尺寸
2016-12-03
<img src="圖片地址" alt="下載失敗時(shí)的替換文本" title = "提示文本">