1

我有一个固定大小的 gwt 按钮。我想在上面显示一个文本,如果该文本超过按钮长度,我需要将它剪短并在最后加上“...”。我现在使用以下代码:

if(name.length() > 11){
    //limiting the size of the text presented on the button
    name = name.substring(0,10)+"...";
}

我有一个此类按钮的列表,这种方法导致并非所有按钮的文本都具有相同的大小。

例如,问题是 10 个字符的“!” 比“A”的 10 个字符短得多。

谁能帮我解决这个问题?

谢谢!

4

2 回答 2

3

快速回答。尝试使用 HTML5/CSS3 属性。它正是这样做的:

http://www.w3schools.com/cssref/css3_pr_text-overflow.asp

如果您需要对非 CSS3 浏览器执行此操作,则需要制作某种假的。也许设置一个按钮 div 内容,溢出隐藏,并在右侧放置一个浮动“...”。但更难的是...

于 2012-05-14T10:55:02.817 回答
0

您可以为所有这些按钮添加样式类并修复它们的大小。应该是这样的:

首先,为每个按钮添加样式类:

    Button button = new Button();
    button.addStyleName("buttonSizeStandard");

然后在css文件中添加一个匹配的样式:

    .buttonSizeStandard{ 
         width: 200px;      //change 200 to whatever 
    }
于 2012-05-14T10:46:20.427 回答