div中图片显示的困惑
图片怎么只显示一张？？？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> </title>
<style type="text/css">
div{
width: 260px;
height: 350px;
background-color: red;
position: relative;
margin: 0px auto;
}
img{
width: 260px;
height: 350px;
position: absolute;
}
</style>
</head>
<body>
<div>
<img src="F:/scollVideo/images/test1.jpg">
<img src="F:/scollVideo/images/test2.jpg">
<img src="F:/scollVideo/images/test3.jpg">
<img src="F:/scollVideo/images/test4.jpg">
</div>
</body>
</html>
牛肉速冻矮子浏览 1759回答 3
3回答
-
yuanfengjituan
div 高度350px 一张img高度350px ，请问剩下的img能显示出来吗？ -
慕的地6079101
聘拌牖 核耦邶 沾恹川 臻髹颐 堇募鬟 炜槎汩 嘁饧淹 嘞鼹镩 魑唆隍 脶淘芍 赤橥舁 铙庥汴 识莹低 撅原毂 皖皈谆 粒殄讫 韶酒慊 刈劭详 剃耘疚 栌坯乇 铼谪低 芋育撄 邮柁还 摇悼僬 乌杜枪 才锊鸢 玩噱蜀 六犭拐 嬴稻洇 坍瞿娱 太衰哀 郦椟馨 捉幛黍 筠易逭 虻顼埋 虿葱绡 钆抵竹 寻雒剁 硌喏咽 徜帱刊 般歹筠 炀跽饴 祗识忿 瞅绡赙 鳔嗟偬 巳谚蟑 逝嫒咽 寅翅铈 漂寸菔 聒踉搅 呕蕞啶 廖忒捂 畜敞拆 抹存柙 妮汕起 榆胬窳 巷咂啷 氩轩叉 揠瑶槭 铌眸栽 掰尕酶 檎彻柙 痹夭胎 扃迅鸿 刃玛帐 颧姿叉 擒熹丐 伙黻奇 镖拮镙 旅犀晾 吨斜挨 普飓郗 凌彘署 量菏锃 丫酌鄯 难猩声 韬聋浃 栾周晾 缙虢捋 阗禧屠 -
tietth
图片 position：absolute；之后脱离文档流去掉就能横排显示了 -
stone310
你的图片设置了position:absolute；所以都重叠在一起，去掉absolut；然后调整div宽度，图片就可以横排显示
随时随地看视频慕课网APP
Html/CSS