css中的 data-spm是什么特性

html-css016

css中的 data-spm是什么特性,第1张

没什么特别的地方，其实好比某个元素（可能是个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>