可以灵活的适应宽度

dabblet.css

@import url(http://img3.douban.com/css/packed_douban7774204613.css);


.more-events .bd { overflow:hidden; }
.more-events li { display:inline-block;*display:inline;zoom:1;margin:0 -2px 0 .5ex;padding:0 1ex 0 1ex;border-left:1px solid #aaa;line-height:10px;_margin-bottom:10px;letter-spacing:normal;word-spacing:normal;  }
.more-events  li a { _position:relative; }
.more-events ul { margin-left:-1ex;letter-spacing:-0.31em;*letter-spacing:normal;word-spacing-0.43em; }


/* 可以灵活的适应宽度 */
.more-events { width:300px;margin:auto;}

dabblet.html

<div class="mod more-events">

    <h2>
        浏览更多北京活动
          · · · · · ·
    </h2>

<div class="bd">
<ul>
<li><a href="http://beijing.fet.douban.com/events/week/all">所有类型</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/music">音乐/演出</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/film">电影</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/salon">讲座/沙龙</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/drama">戏剧/曲艺</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/exhibition">展览</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/sports">体育</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/party">生活/聚会</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/commonweal">公益</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/travel">旅行</a></li>
<li><a href="http://beijing.fet.douban.com/events/week/others">其他</a></li>
</ul>
</div>
</div>

settings.json

{"page":"css","view":"split"}