0

我已经到处寻找有关如何执行此操作的答案，包括 Stack Overflow 上提供几乎但不完全解决方案的数十个答案。

我正在尝试制作一个包含多个选项的表格/列表。想象一个包含以下列的表格：

删除：一个简单的图标。这必须是固定宽度（因为它使用图像）

名称：列表中项目的名称。这应该会填满剩余的可用空间，但如果文本溢出，我希望出现省略号。

选项 A/B/C：您可以想象这些是复选框，也是固定的。

所以在一张宽大的桌子上，它看起来像这样：

| X | Item 1 in the list               | A | B | C |
| X | Item 2                           | A | B | C |
| X | Item 3 has a pretty long name    | A | B | C |
| X | Item 4's name is long, realll... | A | B | C |

在一张短桌上（或者说，在调整窗口大小之后）：

| X | Item 1 in the list     | A | B | C |
| X | Item 2                 | A | B | C |
| X | Item 3 has a pretty... | A | B | C |
| X | Item 4's name is...    | A | B | C |

如果有人能提供一个小提琴来展示这一点，那真是太棒了。

编辑：非常感谢普利茅斯！

4

1 回答 1

1

我在这里创建了一个小提琴。

这些是重要的样式：

table
{
    table-layout:fixed;
}

.col2
{
    width:auto;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

这就是你所追求的吗？

于 2013-09-12T02:53:47.390 回答