Question

我正在使用webview小部件在我的应用程序中显示一些数据。我像这样构建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>");

webview的布局定义如下：

    <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选项来扩展行和元素的长度，但结果总是相同的。我做错了什么？

Answer 1

继续实验后，我找到了解决方案。我添加了以下css元素：

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

我从表格标签中删除了border =“1”属性。

Android WebView内容溢出边框

1 个答案: