
css表格,如何使表格内的单td列宽度固定,且表格总体带滚动条?
代码地址:http://hi.baidu.com/xhetao/blog/item/611e93d5dc026efa76c63839.html现在模样:http://hi...
代码地址:http://hi.baidu.com/xhetao/blog/item/611e93d5dc026efa76c63839.html
现在模样:https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/xhetao/pic/item/5730c6597fdfb24f377abe36.jpg
想实现的模样:https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/xhetao/pic/item/456fdb3cb37f86e0d1a2d3ed.jpg
实现每个列宽度是固定的。并且当横向长度很长时带滚动条。
当横向不是很长时,不带滑动条。
如,td的个数不确定。有时多,有时少。当设td的宽度都为200px。当宽度大于屏幕宽度时,加滑动条。当宽度小于屏幕宽度时,不加滑动条。
只用css能实现吗?有这样的jquery插件吗?怎样用css来实现 展开
现在模样:https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/xhetao/pic/item/5730c6597fdfb24f377abe36.jpg
想实现的模样:https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/xhetao/pic/item/456fdb3cb37f86e0d1a2d3ed.jpg
实现每个列宽度是固定的。并且当横向长度很长时带滚动条。
当横向不是很长时,不带滑动条。
如,td的个数不确定。有时多,有时少。当设td的宽度都为200px。当宽度大于屏幕宽度时,加滑动条。当宽度小于屏幕宽度时,不加滑动条。
只用css能实现吗?有这样的jquery插件吗?怎样用css来实现 展开
4个回答
展开全部
给你提供个思路,在表格里套表格:把除第一行和第一列外的td合并,然后在里面添加一个
<div>
<table>
</table>
</div>
其中table里放什么东西自己定,最后设计CSS:
给div设定一个宽度和一个高度,并设置overflow:auto;属性
这样就会根据你table里的内容自动出现滚动条,但有一点,滚动条是在div标签出现,而不是你提供的图片那样(在外部表格的"局部"出现(这种估计实现不了))
<div>
<table>
</table>
</div>
其中table里放什么东西自己定,最后设计CSS:
给div设定一个宽度和一个高度,并设置overflow:auto;属性
这样就会根据你table里的内容自动出现滚动条,但有一点,滚动条是在div标签出现,而不是你提供的图片那样(在外部表格的"局部"出现(这种估计实现不了))
展开全部
CSS里设计好高宽之后选那个溢出里选滚动,当内容多时就会出现滚动条
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<caption></caption>
<colgroup>
<col width="*" />
<col width="50%" />
</colgroup>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
表格一般不设宽度,多是自适应,
给内容一个宽度吧,,
很乱的话用<br>控制吧,
<colgroup>
<col width="*" />
<col width="50%" />
</colgroup>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
表格一般不设宽度,多是自适应,
给内容一个宽度吧,,
很乱的话用<br>控制吧,
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询