• 欢迎访问小杰博客网站
  • 欢迎访问小杰博客网站哦

css自适应多行内容,自定义标题高度宽度

未分类 小杰 5年前 (2015-10-14) 452次浏览 已收录 0个评论

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;}


小杰博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:css自适应多行内容,自定义标题高度宽度
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址