如何解决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 \”属性。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。