x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<style>6
.thumbnail {7
float: left;8
width: 110px;9
height: 90px;10
margin: 5px;11
}12
</style>13
</head>14
15
<body>16
<h3>图片库</h3>17
<p>试着调整窗口,看看当图片没有足够的空间会发生什么。</p>18
<img class="thumbnail" src="/images/klematis_small.jpg" width="107" height="90">19
<img class="thumbnail" src="/images/klematis2_small.jpg" width="107" height="80">20
<img class="thumbnail" src="/images/klematis3_small.jpg" width="116" height="90">21
<img class="thumbnail" src="/images/klematis4_small.jpg" width="120" height="90">22
<img class="thumbnail" src="/images/klematis_small.jpg" width="107" height="90">23
<img class="thumbnail" src="/images/klematis2_small.jpg" width="107" height="80">24
<img class="thumbnail" src="/images/klematis3_small.jpg" width="116" height="90">25
<img class="thumbnail" src="/images/klematis4_small.jpg" width="120" height="90">26
</body>27
</html>