问题:在写移动端的时候,很多文件预览和公告会有表格显示,会出现表格超出范围的情况,表格显示是从接口传的富文本过来的,对于它的宽高是不能很好控制的,使用下面方法可以快速调整显示。
方法:
table{
table-layout: fixed;
width: 100%;
word-wrap: break-word; //单词超出则强制换行显示
}
table td {
width: auto;
}
效果:
转变后:
问题:在写移动端的时候,很多文件预览和公告会有表格显示,会出现表格超出范围的情况,表格显示是从接口传的富文本过来的,对于它的宽高是不能很好控制的,使用下面方法可以快速调整显示。
方法:
table{
table-layout: fixed;
width: 100%;
word-wrap: break-word; //单词超出则强制换行显示
}
table td {
width: auto;
}
效果:
转变后: