没什么特别的地方，其实好比某个元素（可能是个div）给你一个口袋，名字必须以data开头，加上“-”，他们就是你自己命名的小口袋，在本例中的这个小口袋的名字是data-spm，你把数据放在这个专属小口袋中，然后在使用js的时候，你就可以在专用的小口袋中抓取数据进行使用，也可以想象成在有名字的存钱罐下把钱拿出来用，使用的例子如下（记得自己提前加载JQuery）
<div class="click-me" data-spm="我是在spm中的数据，你可以把我取出来用额！">我就是个div
</div> $('.click-me').click(function(){
alert($(this).data('spm'))// 你就这么把数据给取出来了！！
})
使用span对齐很麻烦，简单的css控制实现li的换行显示，这样显示更工整<style>
body{font:normal 14px/30px '宋体'}
div{width:1000px}
ul{list-style:nonemargin:0padding:0float:left}
li{list-style-type:nonelist-style-position:outsidewidth:300pxfloat:leftbackground:#09C}
</style>
</head>
<body>
<div>
<ul>
<li>魔术扣口袋开咖啡店</li>
<li>惊声尖叫收到么梦见</li>
<li>理论上力量上来了算了</li>
<li>啦啦啦啦啦啦啦啦</li>
<li>啦啦啦啦啦啦啦啦水水水水</li>
<li>啦啦啦啦啦啦啦啦水水水水</li>
<li>理论上力量上来了算了</li>
<li>咯时间哦上能</li>
<li>理论上力量上来了算了</li>
<li>咯时间哦上能 </li>
</ul>
</div>
</body>
