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