如何將日誌行包裝在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>上設置單詞換行）。