如何滚动表格单元格内的文本

时间:2011-12-23 11:41:15

标签: javascript asp.net

如何在表格单元格内移动文本?

例如:

<asp:TabelCell>XXXXX<asp:TabelCell>

...在overflow:scroll

设置<asp:table>时显示的滚动条上

1 个答案:

答案 0 :(得分:2)

滚动是客户端功能

这与服务器端代码(在您的情况下是Asp.net WebForms)无关,而是与客户端CSS设置有关。

将单元格的样式设置为overflow: auto;overflow: scroll;,然后相应地滚动其内容。

为了避免内联样式,我还建议在服务器端为表格单元格提供一个CSS类。这有几个好处:

  • 没有内联样式 - 更好的可维护性
  • 没有#id绑定的CSS选择器
  • 将相同功能重新用于各种页面上的多个元素

ASPX中的代码应如下所示:

<asp:TableCell CssClass="scroll-content">XXXXXX</asp:TableCell>

然后在CSS文件中将其定义为:

.scroll-content
{
    overflow: auto;
}