css - GWT DialogBox 在较大消息的边框中有间隙

Question

使用 GWT v2.5.1，我正在创建一个 DialogBox 并通过调用 dialog.setHTML(...) 使用 HTML 填充它:

<h3>could not start.</h3>
<hr>
<p>These preferences must all be set before I can start</p>

我没有自定义 CSS。屏幕上出现的是这样的:

您会注意到左右边框有很大的空隙。查看 dialogTopLeft 和 dialogTopRight 类的 CSS，它们从 images/corner.png 中提取边框，并且显示的边框长度与该图像的大小完全匹配。换句话说，对话框太大了。

我尝试删除 background CSS 属性上的“no-repeat”指令(使用 Chrome Inspector)，但它会重复整个边框图像，包括顶部的圆 Angular ，因此不会看起来是连续的。

我不是第一个尝试在 DialogBox 中输入多行的人...

使边框“重复”并填充孔洞的诀窍是什么？

Answer 1

在将 HTML 传递给 DialogBox 之前将 HTML 包装在 HTMLPanel 中

DialogBox dialog = new DialogBox();
HTMLPanel panel  = new HTMLPanel("<h3>could not start.</h3><hr><p>These preferences must all be set before I can start</p>");
dialog.add(panel);
dialog.center();