2011-06-12 88 views
0

我正在使用webview小部件在我的應用程序中顯示一些數據。我構建的WebView內容,像這樣:Android WebView​​內容溢出​​邊框

StringBuffer results = new StringBuffer(); 
results.append("<?xml version=\"1.0\" encoding=\"UTF-8\"?>"); 
results.append("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">"); 
results.append("<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\">"); 
results.append("<head></head><body><table border=\"1\">"); 
results.append("<tr><td>" + label1 + "</td><td>" + value1 + "</td></tr>"); 
results.append("<tr><td>" + label2 + "</td><td>" + value2 + "</td></tr>"); 
results.append("<tr><td>" + label3 + "</td><td>" + value3 + "</td></tr>"); 
results.append("<tr><td>" + label4 + "</td><td>" + value4 + "</td></tr>"); 
results.append("</table></body></html>"); 

web視圖的佈局定義,像這樣:

<WebView 
    android:id="@+id/webViewResults" 
    android:layout_width="fill_parent" 
    android:layout_height="140dp" 
    android:layout_below="@id/buttonSearch" 
    android:fadeScrollbars="false" 
    android:layout_marginLeft="10dp" 
    android:layout_marginRight="10dp" 
    android:layout_marginTop="5dp" 
    android:layout_marginBottom="5dp"/> 

的問題是,第四行包含一個長素和超越邊界的TD元素,但有趣的是,沒有超出桌子邊界。它看起來像這樣:

Screenshot

我已經嘗試了各種CSS選項來擴展行和單元的長度,但結果總是一樣的。我究竟做錯了什麼?

+0

圖像鏈接已死,使問題不太清楚。 – 2016-11-15 20:32:33

回答

0

繼續試驗後,我找到了解決方案。我添加了以下css元素:

table {border:1px solid black;} 
td {white-space:nowrap; border:1px solid black} 

而且我從table標記中刪除了border =「1」屬性。