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

发布时间:2020-12-14 02:44:12 作者:admin 来源:本站 浏览量(566) 点赞(142)
摘要:有时候需要在移动页面添加表格内容,导致表格显示不全,分享完美解决表格显示不全的方法。<divclass="table-container"><tablewidth="100%"border="2"cellspacing="1"cellpadding="1">&nb

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

<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}


二维码

扫一扫,关注我们

声明:本文由【达扬网络】编辑上传发布,转载此文章须经作者同意,并请附上出处【达扬网络】及本页链接。如内容、图片有任何版权问题,请联系我们进行处理。

现在,非常期待与您的一次邂逅

青海达扬网络传媒有限责任公司努力让每一次邂逅总能超越期待!

您身边的【互联网信息化建设专家】

搜索千万次不如咨询1次

主营项目:网站建设,手机网站,软件开发,政府网站建设,信息系统开发,网络安全维护,app开发等

立即咨询 0971-6275815
在线客服
嘿,我来帮您!