html中防止表格撑大的方法分享


摘要:
在一些html开发中,我们发现在ipad上访问系统时,出现表格被撑出div的范围,下文讲述避免此类情况的方法,如下所示:


方法1: 将td的文本设置为可自动换行,让表格去自适应,可避免表格被撑大

 <style>
td {
word-break : break-all;
}
</style>


方法2: 设置表格中列为自适应模式,避免撑大现象发生

 <style>
<!--
table {
table-layout:fixed;
}
-->
</style>