具有多个表的div上的水平滚动条
具有多个表的div上的水平滚动条
提问于 2013-05-17 14:43:21
我在DIV元素中有多个表，并希望在一定宽度上提供水平滚动条。如何在具有多个表的div上提供水平滚动条
<div style="float:left; max-width:300px; min-width:50px; overflow-x:auto!important; white-space:nowrap;">
<table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left">
<tr>
<td>test1</td>
<td>test1</td>
<td>test1</td>
</tr>
<tr>
<td>test1</td>
<td>test1</td>
<td>test1</td>
</tr>
</table>
<table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left!important">
<tr>
<td>test2</td>
<td>test2</td>
<td>test2</td>
</tr>
<tr>
<td>test2</td>
<td>test2</td>
<td>test2</td>
</tr>
</table>
</div>回答 2
Stack Overflow用户
发布于 2013-05-17 16:25:48
试试这个，在div中使用div。示例：http://jsbin.com/opohif/2/edit
希望能对你有所帮助。
Stack Overflow用户
发布于 2013-05-19 01:03:49
一个替代的解决方案找出，但是否有任何直接的选择，请建议。
<div style="float:left; max-width:300px; min-width:50px; overflow-x:auto!important; white-space:nowrap;">
<table border="1">
<tr>
<td>
<table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left">
<tr>
<td>test1</td>
<td>test1</td>
<td>test1</td>
</tr>
<tr>
<td>test1</td>
<td>test1</td>
<td>test1</td>
</tr>
</table>
</td>
<td>
<table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left!important">
<tr>
<td>test2</td>
<td>test2</td>
<td>test2</td>
</tr>
<tr>
<td>test2</td>
<td>test2</td>
<td>test2</td>
</tr>
</table>
</td>
</tr>
</table>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16603008
复制相关文章
相似问题
腾讯云开发者
