微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

表格过宽

如何解决表格过宽

| 在此站点页面中,您可以看到页面间的表太宽并且超出了其父div。  如何纠正?有什么建议么!     

解决方法

        您需要减少表中内容的大小和/或数量。如果表格的大小已经达到包含内容的最小宽度,则没有任何CSS或width属性会减小表格的大小。 编辑 根据Projapti的建议,如果您不介意在页面上使用滚动条,则在包含div的CSS中添加CSS
overflow-x:scroll
将防止表溢出。但是,我进一步建议您在表格周围包装一个额外的div,以便只滚动表格内容。请看下面的实时预览以查看效果。 实时预览-> 编辑2 这是高度调整的div中包含的表格的示例,如我在下面的评论之一中所述: 实时预览2->     ,        您可以尝试将其添加到父div上:style = \“ overflow-x:scroll \”
<div id=\"mts\" class=\"icc telecom\" style=\"overflow-x:scroll\">
在我的ff测试中,它会滚动...     ,        不需要神奇的CSS。您需要重新设计表格,使标题沿着X轴。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。