无法隐藏垂直块中的最后一个可见链接溢出:隐藏...浏览器剪切最后一个链接,我需要隐藏它。
所以,请看下面的截图:
http://i.stack.imgur.com/otF5r.png
灰色边框是fix-height元素的当前边框和动态生成的链接列表,最后一个链接不是真的持续,隐藏了一些链接数。
我使用这样的东西:
<ul class="b-gid">
<? if ($_GET['page'] == 1) { ?>
<li><h2>Gid</h2></li>
<li><a class="b-news__item__link" href="url1">Link1</a></li>
<li><a class="b-news__item__link" href="url2">Link2</a></li>
...
<li><a class="b-news__item__link" href="urlN">Link2</a></li>
<? } ?>
</ul>
<style>
.b-gid {
width: 214px;
float: right;
border: 3px solid #ddd;
border-radius: 19px;
padding: 15px;
list-style: none;
padding-bottom: 35px;
margin-bottom: 30px;
overflow: hidden;
}
.b-gid a {
color: #48a59a;
text-decoration: none;
}
</style>
<script>
$(function(){
$('.b-gid').first().css('height',$('.post').first().height() - $('.b-services').first().height() - 125 + 'px');});
</script>