我有一个HTML表格,在一行(~25)中显示了很多列,并且表格超出了页面大小并导致滚动条。这是预期但不良行为。
我正在寻找一种方法来缩小每列的内容,如果需要的话可以拉伸更大的列。
所以目前我表中的一行看起来像这样:
information1 |信息2 |信息3 |信息4 | information5
所需的功能将是这样的:
infor ... | infor ... | infor ... | infor ... |公...
这些列中的每一列都可以伸展或悬停在其他位置......以查看完整内容。我已经看过一些像zentable和ingrid这样的jQuery插件,它们允许列调整大小但不是连接,据我所知,在没有滚动条的父元素中适合表的所有内容。
答案 0 :(得分:3)
您在寻找省略号吗?那是文本被截断后跟点......
如果文本溢出容器,则添加省略号:
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
This fellow提供了有关它的更多详细信息。