2011-06-12 86 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”属性。