以这种方式显示缩略图

Question

我想以这种方式创建缩略图。我试过但成功率却很低。我希望我能在这里得到答复

我以图表的形式准备了我的观点，以了解你和链接上的照片链接..

<div style="position:relative;"> 
    <ul id="image-gallery"> 
        <li><a href="page-URL"><img src="IMAGE-URL1" /></a></li> 
        <li><a href="page-URL"><img src="IMAGE-URL2" /></a></li> 
        <li><a href="page-URL"><img src="IMAGE-URL3" /></a></li> 
        <li><a href="page-URL"><img src="IMAGE-URL4" /></a></li> 
        <li><a href="page-URL"><img src="IMAGE-URL5" /></a></li> 
    </ul>
</div>

Answer 1

将此样式添加到HTML

<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline;
}
</style>

或者这是你的CSS文件

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline;
}

点击此处查看视图：http://jsfiddle.net/aqgs7smk/1/