移动端复制的表格显示不全解决方法_技术知识_新闻中心

移动端复制的表格显示不全解决方法

发布时间：2020-12-04 作者：管理员来源：本站浏览量（4）点赞（0）点踩（0）评论（0）收藏（0）

摘要：有时候需要在移动页面添加表格内容，导致表格显示不全，分享完美解决表格显示不全的方法。 CSS代码，可完美解决兼容性：.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}.table-conta...

有时候需要在移动页面添加表格内容，导致表格显示不全，分享完美解决表格显示不全的方法。

<div class="table-container">
    <table width="100%" border="2" cellspacing="1" cellpadding="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</div>

CSS代码，可完美解决兼容性：

.table-container
{width: 100%;overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}
.table-container table{border:1px solid #000}
.table-container table td{border:1px solid #000}