div中有表格,超出了div的宽度

当固定宽度的div内包含一个宽度为100%的表格,且表格内容宽度超过div时,内容会被隐藏。解决方法是在表格样式中添加`table-layout: fixed; word-break: break-all; overflow: auto;`,这将确保表格内容适应div并显示完整。
摘要由CSDN通过智能技术生成

固定宽度div中有一个table,table设置宽度100%,但是发现table中的内容有一部分被隐藏掉了,实际内容宽度超过了div的宽度
实际效果图:表格内容超出了div的宽度,但是超出部分是被隐藏的
在这里插入图片描述
期望效果图:
在这里插入图片描述

表格关键部分

<table cellpadding="0" cellspacing="0" border="0" width="100%" bordercolor="#000000" style="border-collapse: collapse;" id="mTable">
</table>

解决办法,给表格加上以下属性

table-layout: fixed; word-break: break-all; overflow: auto;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值