如何将日志行包装在GWT自定义日志记录区域中？

Question

在GWT中，可以通过安装HasWidgetsLogHandler来创建自定义日志记录区域。在我的情况下，这是一个VerticalPanel。不幸的是，页面的其余部分由于日志输出太大而失真。我如何包装线？

HasWidgetsLogHandler为每个日志条目添加了一个HTML元素。我试图在造型的UiBinder的各个元素，但没有奏效：

<ui:style> 
    @external gwt-HTML; 
    .gwt-HTML { 
    white-space: normal; 
    } 
</ui:style> 

同样，加入overflow: hidden哪位本来是一个缺乏吸引力的选择，都没有效果。

谢谢你的任何指针。

Answer 1

VerticalPanel被实现为HTML表格。虽然你可以使用它，但我通常会推荐一个FlowPanel。

在一个FlowPanel，你可以设置以下属性：

white-space: normal; 
word-wrap: break-word; 

word-wrap是CSS3，而是由多种浏览器支持：http://caniuse.com/wordwrap。它允许在每个角色之后包装长长的单词。对于不支持它的浏览器，您可能需要添加overflow: hidden。 （或考虑与overflow: auto一起设置固定宽度。）

如果您绝对需要使用VerticalPanel，请参见Word-wrap in an HTML table（您必须在<td>上设置单词换行）。