*{padding:0;margin:0;}.clear{clear:both;overflow:hidden;}ul{list-style:none;}.container{width:800px;margin:50px auto;}.container li{ float:left; width:170px; margin:15px 10px; padding:5px; border-radius:5px; box-shadow:0 0 2px rgba(0,0,0,.5);}.container li img{ width:170px; height:120px; border-radius:5px; vertical-align:bottom;}///////<!doctype html><html>?<head>? <meta charset="UTF-8">? <meta name="Generator" content="EditPlus?">? <meta name="Author" content="">? <meta name="Keywords" content="">? <meta name="Description" content="">? <title>多彩照片墻</title>? <link href="css/style.css" rel="stylesheet"/>?</head>?<body><div><ul><li><img src="img/1.jpg"/></li><li><img src="img/2.jpg"/></li><li><img src="img/3.jpg"/></li><li><img src="img/4.jpg"/></li><li><img src="img/5.jpg"/></li><li><img src="img/6.jpg"/></li><li><img src="img/7.png"/></li><li><img src="img/8.png"/></li></ul></div>?</body></html>///為什么?效果不是?兩排的?而是自上到下的
圖片排列的問題
qq_terituly_0
2017-08-24 21:55:27