在页面中,往往由于一个table的列过于多,导致页面放不下,然后内容各种挤变形.

这里说一个解决方法,.先用一个DIV把TABLE包围起来.然后给这个DIV设置宽度,并且设置overflow:auto;

然后给table设置属性:empty-cells:show;width:auto;给th ,td设置样式:white-space:nowrap;

现在就可以在列过多的时候出现滚动条了,并且里面的内容不会自动换行.

对了,别忘了给tabel设置最小宽度min-width,这样的列很少的时候table也不会变形了.

 

相关文章:

  • 2021-08-27
  • 2022-12-23
  • 2022-12-23
  • 2021-09-27
  • 2022-01-15
  • 2022-12-23
  • 2021-08-02
猜你喜欢
  • 2022-12-23
  • 2021-12-27
  • 2021-11-28
  • 2022-12-23
  • 2021-06-21
  • 2022-02-26
相关资源
相似解决方案