html表单元格中的标签字自动换行

Question

代码片段-

HtmlTableCell fixedDataCell = new HtmlTableCell();
fixedDataCell.Style.Add(HtmlTextWriterStyle.Height, "22px");
fixedDataCell.Style.Add(HtmlTextWriterStyle.Width, "100px");
fixedDataCell.Style.Add(HtmlTextWriterStyle.FontSize, "small");
fixedDataCell.NoWrap = true;

Label lbl = new Label();
lbl.Text = "ABCDEFGHIJKLMNOQRSTUVWXYZ";
lbl.Width = 1;

fixedDataCell.Controls.Add(lbl);

单元格将扩展，而不是截断或在标签文本中添加省略号。重要的是单元格保持一定的宽度。如何处理该单元格中的标签？

编辑:显然，只需添加一个宽度值就可以解决这个问题。

Answer 1

要隐藏溢出，请尝试使用：

fixedDataCell.Style.Add(HtmlTextWriterStyle.OverflowX, "hidden");

而要使用省略号：

fixedDataCell.Style.Add(HtmlTextWriterStyle.OverflowX, "ellipsis");

Answer 2

显然，只需添加一个宽度值就可以解决这个问题。

Answer 3

HTML只会对逻辑单词进行换行，比如那些用空格或标点符号分隔的单词，对于长拼写的单词，HTML不会对该单词进行换行或换行。因此，如果容器比单词所需的水平空间“窄”，则内容将出血或强制扩展容器，这在您的示例中是正确的。

通过添加CSS属性，例如"overflow-x: hidden"，出血内容将被裁剪以适合容器，但您可能希望添加工具提示，以防用户想要查看裁剪的内容。

我要谨慎使用"overflow-x:省略号“，因为它是一个CSS3属性，在旧版本的IE中可能不支持。