css自适应多行内容,特别是一些数量不确定的链接,可以定义最多展示多少行,每个链接也可以限制宽度
html:
<div class=”novel-special”>
<a href=”/book/2234/” title=”小说标题” >小说标题</a>
<a href=”/book/2234/” title=”校园绝世高手”>校园绝世</a>
<a href=”/book/2234/” title=”校园绝世高手”>校园绝世</a>
<a href=”/book/2234/” title=”校园绝世高”>校园绝世</a>
<a href=”/book/2234/” title=”校园绝世高手”>园绝世高</a>
<a href=”/book/2234/” title=”校园绝世高手”>校园绝手</a>
</div>
css:
.novel-special{padding:0 0 0 36px;max-height:90px;overflow:hidden;}
.novel-special a{float:left;line-height:45px;height:45px;margin-right:69px;font-size:12px;color:#666666;max-width:90px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}