从MySQL检索的数据（使用Ajax）超过了目标元素定义的宽度

Question

click for image 我正在使用ajax调用从Mysql检索数据。

这是Javascript文件：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        document.getElementById("txt").innerHTML = this.responseText;
     }
};
xmlhttp.open("GET", "sample.php?id=" + id, true);
xmlhttp.send();

这是sample.php文件

$id = $_GET['id'];
$query = "SELECT `description` FROM `products` WHERE `id`='$id'";
$query_run = mysql_query($query);
$description = mysql_result(query_run,0);
echo $description;

我已将目标“ div”元素的宽度定义为500px，但是从数据库生成的结果超过了500px。我希望每当宽度达到500px时就移到下一行。请帮助我