在表格中显示大文字的最佳方式？

Question

---

我有一个表格来显示/编辑我网站的用户详细信息。每个用户一行。我对每个用户都有300个字母的评论。但是，向右显示注释会占用表格中的太多空间。我可能需要使用javascript来显示/隐藏评论。这是显示评论的最佳方式吗？它需要是可编辑的，所以可能必须是teaxtarea标签。

请注意，这是一个设计原则问题，而不是技术问题。我需要以专业的方式显示大评论部分。

Answer 1

首先，将表格设置为采用您认真对待的宽度：在表格元素上设置table-layout:fixed。

然后，为“注释”列设置确定的宽度。最简单的方法是使用<colgroup><col /><col />...</colgroup>设置（按照优先顺序将其放在<thead>，<tbody>或第一<tr>之前）。

除了在“评论”栏中设置宽度外，还可以添加以下样式：

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

这会自动将文本截断为正确的大小。

接下来你需要能够展示整件事。你可以做的是有一个onclick事件用包含文本的textarea替换文本。这很简单，只需要基本的DOM操作。

Answer 2

我决定使用3行宽300像素的textarea和overflow：auto，这样当文本较大时它可以滚动，但很适合表格。