如何让实现这样的功能?
我自定义了一个CSS的class,
.sstab
{
scrollbar-base-color: #dfeaf4;
background: #ffffff;
POSITION: relative;
top:-3px;
left:15px;
border-right: #dfeaf4 2px solid;
border-top: #dfeaf4 2px solid;
padding-bottom: 10px;
overflow: auto;
border-left: #dfeaf4 2px solid;
width: 98%;
border-bottom: #dfeaf4 2px solid;
height: 300px;
}
<span class="sstab">
<table>
<tr><td>test</td></tr>
</table>
</span>
这样如果<span></span>中的内容过多,就会自动出现滚动条。
但是另一个问题随之而来:
如果在<span>下面加一个按钮:
<table>
<tr>
<td>
<input type="button" value="test">
</td>
</tr>
</table>
如果<span></span>中的内容比较少,滚动条是不会显示的,并且数据的下方有大片空白。这样
按钮和最后一条数据行之间的间隔就很大,看起来就像按钮掉在下面一样。
而如果<span></span>中的内容很多的话,因为按钮是紧靠着<span>的底部的,所以这时按钮
和最后一条数据行之间的间隔就很小了。
有没有办法实现这样的功能:不管数据的多少,按钮和最后一条数据行之间的间隔都固定?
.sstab
{
scrollbar-base-color: #dfeaf4;
background: #ffffff;
POSITION: relative;
top:-3px;
left:15px;
border-right: #dfeaf4 2px solid;
border-top: #dfeaf4 2px solid;
padding-bottom: 10px;
overflow: auto;
border-left: #dfeaf4 2px solid;
width: 98%;
border-bottom: #dfeaf4 2px solid;
height: 300px;
}
<span class="sstab">
<table>
<tr><td>test</td></tr>
</table>
</span>
这样如果<span></span>中的内容过多,就会自动出现滚动条。
但是另一个问题随之而来:
如果在<span>下面加一个按钮:
<table>
<tr>
<td>
<input type="button" value="test">
</td>
</tr>
</table>
如果<span></span>中的内容比较少,滚动条是不会显示的,并且数据的下方有大片空白。这样
按钮和最后一条数据行之间的间隔就很大,看起来就像按钮掉在下面一样。
而如果<span></span>中的内容很多的话,因为按钮是紧靠着<span>的底部的,所以这时按钮
和最后一条数据行之间的间隔就很小了。
有没有办法实现这样的功能:不管数据的多少,按钮和最后一条数据行之间的间隔都固定?
...全文
相关推荐
php+xml结合Ajax实现点赞功能完整实例
主要介绍了php+xml结合Ajax实现点赞功能的方法,以一个完整实例形式详细分析了XML文件、html页面以及Ajax结合php实现点赞功能的技巧,非常具有实用价值,需要的朋友可以参考下
React注册倒计时功能的实现
主要介绍了React注册倒计时功能的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery实现返回顶部功能适合不支持js的浏览器
a标签指向锚点top,可以在顶部防止一个a name=top的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了
js+JQuery返回顶部功能如何实现.docx
js+JQuery返回顶部功能如何实现.docx
js cookie实现记住密码功能
主要为大家详细介绍了js cookie实现记住密码功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


