HTML代码

<div>
<a href="http://www.11px.cn/moban/ecms/">帝国cms模板</a>
<a href="http://www.11px.cn/moban/dedecms/">织梦cms模板</a>
<a href="http://www.11px.cn/moban/discuz/">discuz模板</a>
<a href="http://www.11px.cn/moban/ecshop/">ecshop模板</a>
<a href="http://www.11px.cn/moban/phpcms/">phpcms模板</a>
<a href="http://www.11px.cn/moban/wordpress/">wordpress模板</a>
<a href="http://www.11px.cn/moban/maccms/">苹果cms模板</a>
<a href="http://www.11px.cn/moban/seacms/">海洋cms模板</a>
<a href="http://www.11px.cn/moban/feifeicms/">飞飞cms模板</a>
<a href="http://www.11px.cn/moban/html/">html模板</a>
</div>

CSS代码

div{ 
overflow: hidden; 
overflow-x: scroll; 
-webkit-overflow-scrolling: touch; 
white-space: nowrap; 
} 
a{ 
display:inline-block 
}

我们主要看CSS，

overflow-x: scroll; 
-webkit-overflow-scrolling: touch; 
white-space: nowrap;

加滚动条，并且隐藏高度，最后内容强制不换行。

display:inline-block

这段是让块状横向排列，完工。