小编Nav*_*iya的帖子

滚动显示无法在Chrome中使用标签

我发现如果我在div元素中放置一个table元素并设置div的属性有点像width,height和overflow:auto; 并在表的td中放置一些输入元素.而不是使用标签移动,发现滚动不随标签移动(如果输入元素包含一些数据).此问题仅在Chrome中遇到,而不是在其他现代浏览器中遇到.这是示例代码:

<div style="overflow: auto; height: 100px;width:400px;">
        <table >
            <tbody>
            <tr>
                <td style="width:100px;"><input value="1" type="text"/></td>
                <td style="width:100px;"><input value="2" type="text"/></td>
                <td style="width:100px;"><input value="3" type="text"/></td>
                <td style="width:100px;"><input value="4" type="text"/></td>
                <td style="width:100px;"><input value="5" type="text"/></td>
                <td style="width:100px;"><input value="6" type="text"/></td>
                <td style="width:100px;"><input value="7" type="text"/></td>
                <td style="width:100px;"><input value="8" type="text"/></td>
                <td style="width:100px;"><input value="9" type="text"/></td>
            </tr>
            </tbody>
        </table>

</div>
Run Code Online (Sandbox Code Playgroud)

我还在plunker上创建了一个链接:

http://plnkr.co/edit/1l8HftcoDlebywQ8LDos?p=preview

http://embed.plnkr.co/1l8HftcoDlebywQ8LDos/preview

任何有关这方面的帮助将非常感谢.

html scroll google-chrome html-table tabbing

7
推荐指数
1
解决办法
1167
查看次数

标签 统计

google-chrome ×1

html ×1

html-table ×1

scroll ×1

tabbing ×1