Web 视图中超出宽度的文本

Question

我正在 Web 视图上开发一个简单的应用程序。在网页视图中加载文本时，文本的宽度超出了页面的宽度，谁能帮我在下一行显示文本而不是离开页面？图片如下图！

enter image description here

<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;}