Android WebView <td>内容溢出<td>边框

问题描述

|| 我正在使用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元素的边界，但有趣的是，没有超出表的边界。看起来像这样：屏幕截图我尝试了各种css选项来扩展行和元素的长度，但是结果始终是相同的。我究竟做错了什么？

解决方法

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

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

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

android android td webview webview 内容内容溢出溢出溢出边框边框边框