Html 在表格中显示大文本的最佳方式?

Html 在表格中显示大文本的最佳方式?,html,Html,我有一个表格可以显示/编辑我网站的用户详细信息。每个用户一行。我对每个用户都有300封信的评论。但是将注释向右显示会占用表中太多的空间。我可能需要使用javascript来显示/隐藏注释。显示评论的最佳方式是什么?它需要是可编辑的,所以可能必须是teaxtarea标记 注:这是一个设计原则问题,而不是技术问题。我需要以专业的方式显示较大的注释部分。首先,将表格设置为认真对待给定的宽度:设置表格布局:固定在表格元素上 然后,为注释列设置确定的宽度。最简单的方法是使用。。。安装程序按优先顺序将此项放

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


注:这是一个设计原则问题,而不是技术问题。我需要以专业的方式显示较大的注释部分。

首先,将表格设置为认真对待给定的宽度:设置表格布局:固定在表格元素上

然后,为注释列设置确定的宽度。最简单的方法是使用。。。安装程序按优先顺序将此项放在您的或第一项之前

除了在“注释”列上设置宽度外,还可以添加以下样式:

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
这将自动将文本截断为适合您的正确大小


接下来,你需要能够展示整个过程。您可以使用onclick事件将文本替换为包含文本的textarea。这很简单,只需进行基本的DOM操作。

首先,将表设置为认真对待给定的宽度:设置表布局:固定在表元素上

然后,为注释列设置确定的宽度。最简单的方法是使用。。。安装程序按优先顺序将此项放在您的或第一项之前

除了在“注释”列上设置宽度外,还可以添加以下样式:

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
这将自动将文本截断为适合您的正确大小

接下来,你需要能够展示整个过程。您可以使用onclick事件将文本替换为包含文本的textarea。这很简单,只是基本的DOM操作

我已经决定使用一个文本区域,它有3行,300px宽,并带有overflow:auto,这样当文本较大时它可以滚动,但可以很好地适应表格


我决定使用一个文本区域,它有3行,300像素宽,并带有overflow:auto,这样当文本较大时,它可以滚动,但会很好地适应表格。

我会使用一个文本区域弹出窗口,像jQuery.show/hide,当鼠标悬停或单击每行上的某个符号或某物时…@jtheman:那么当页面第一次加载时,你会在那里放置什么标记呢?我会使用带有文本区域的弹出窗口,像jQuery.show/hide,当鼠标悬停或单击每行上的某个符号或某物时…@jtheman:那么当页面第一次加载时,你会在那里放置什么标记?嗨,我添加了一个屏幕截图,你能看一下吗?我喜欢这种方法。我所做的唯一更改是在鼠标悬停时使用jquery.tooltip在tootip中显示数据。嗨,我添加了一个屏幕截图,你能看一下吗?我喜欢这种方法。我所做的唯一更改是在鼠标悬停时使用jquery.tooltip在tootip中显示数据。