Question

我正在开发一个关于Web视图的简单应用程序。在Web视图中加载文本时，文本的宽度超出了页面，任何人都可以帮我在下一行显示文本而不是离开页面吗？图像如下所示！

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="510dp" >

<TextView
    android:id="@+id/txttimemlcq"
    android:layout_width="wrap_content"
    android:layout_height="15dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="30dp"
    android:text="@string/hhjh" 
    android:textColor="#FF0000"/>

<WebView
    android:id="@+id/webviewmultiple"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/txtquiztype" />

<CheckBox
    android:id="@+id/checkbox0"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/webviewmultiple"
    android:text="CheckBox" />

<CheckBox
    android:id="@+id/checkbox1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/checkbox0"
    android:text="CheckBox" />

<CheckBox
    android:id="@+id/checkbox2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/checkbox1"
    android:text="CheckBox" />

<CheckBox
    android:id="@+id/checkbox3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/checkbox2"
    android:text="CheckBox" />

<Button
    android:id="@+id/btnbackmul"
    android:layout_width="85dp"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:text="@string/bac" />

<Button
    android:id="@+id/btnnextmul"
    android:layout_width="85dp"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:text="@string/nextmul" />

<Button
    android:id="@+id/btnsubmitmul"
    android:layout_width="85dp"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="@string/submitmul" />

<TextView
    android:id="@+id/txtquiztype"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="@string/multi"
    android:textColor="#00FFFF"
    android:textStyle="bold" />

<TextView
    android:id="@+id/txtmultiquesno"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/txtquiztype"
    android:text="TextView" 
    android:layout_marginLeft="10dp"
    android:textColor="#FF9933"/>

Answer 1

在HTML中使用<pre>代码而不是<p>，并将<pre>样式设为

pre{white-space: pre-wrap; word-break: break-all;}

Web视图中超出宽度的文本

1 个答案: