作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想让我的手机上的表格滚动。我知道它太大而不适合 - 但我想滚动它。
目前不会。我试过 width=100%
没有运气......
似乎是一个简单的请求 - 想知道视口(viewport)是否与它有任何关系。不过,我更愿意保留视口(viewport)格式 - 因为使用它可以更好地显示内容。
<meta name="viewport" content="initial-scale=1.0; user-scalable=1;">
<table cellpadding=5 border=1 cellspacing=0>
<tr bgcolor=d7d7d7>
<td>Location</td>
<td>This</td>
<td>Size</td>
<td>That</td>
<td>Weight</td>
<td>Grade</td>
<td>Manufacturer</td>
<td>Date</td>
<td>This</td>
<td>KG</td>
<td>Feet</td>
<td>Lbs</td>
</tr>
<tr>
<td>Data Location</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>Manufacturer</td>
<td>Date</td>
<td>More Data</td>
<td>5555</td>
<td>6666</td>
<td>4444</td>
</tr>
</table>
最佳答案
用 overflow-x:auto
将表格包裹在 div
中
<div style='overflow-x:auto'>
<table cellpadding=5 border=1 cellspacing=0>
<tr bgcolor=d7d7d7>
<td>Location</td>
<td>This</td>
<td>Size</td>
<td>That</td>
<td>Weight</td>
<td>Grade</td>
<td>Manufacturer</td>
<td>Date</td>
<td>This</td>
<td>KG</td>
<td>Feet</td>
<td>Lbs</td>
</tr>
<tr>
<td>Data Location</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>Manufacturer</td>
<td>Date</td>
<td>More Data</td>
<td>5555</td>
<td>6666</td>
<td>4444</td>
</tr>
</table>
</div>
关于css - 手机上的 HTML 表格滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40669221/
我是一名优秀的程序员,十分优秀!