当前博客:静态表格内容过多时如何滚动

97 次浏览【转载需注明来源】

博客作者:【Jeffrey】

个性签名:永远有一个更好的方法

1692748035766915.zip因为列数过多,一个屏幕无法显示全,但又想把列宽固定住,显示不全的向右滚动,如何处理,已设置列宽但不起作用

默认排序
Generic placeholder image
Generic placeholder image
已采纳
Jeffrey Time: 2023-08-24 12:42:22
博主已经自己处理完问题并结帖
Generic placeholder image
qiang Time: 2023-08-23 09:47:05

首先表格的默认宽度是不用加px的,然后这个是设置表格的默认宽度,如果内容太多,或者太少,这个默认宽度就会发生变化,通常是字段不会全部设置宽度,那么剩余的宽度就会自动分配。

当字段过多,表格需要滚动的时候,你可以在表格外层套个盒子,设置y轴滚动,如果文字换行了,可以设置 不换行。

空格: 不换行 @样式提权;
溢出-x轴: 滚动;

还有一种设置固定宽度的办法,就是给表格头,表格内容设置一个固定宽度。

Generic placeholder image
Jeffrey 回复 1楼 qiang Time: 2023-08-23 10:14:19

能把代码发出来一下么,我那个样式 不知道设置在哪里

Generic placeholder image
qiang 回复 2楼 Jeffrey Time: 2023-08-23 10:35:12

看第二张截图

Generic placeholder image
Jeffrey 回复 3楼 qiang Time: 2023-08-23 10:43:09

好的,试出来了,是要表格内容和表格头这里都要设置不换行样式

 


静态表格内容过多时如何滚动