<td>标签中的断词

Question

我希望能够显示<td>元素中包含的整个文本。在这里您可以对其进行测试：

$(document).ready(function(){

  var users = [],

  shuffled = [],

  loadout = $("#loadout"),

  insert_times = 30,

  duration_time = 10000;

  $("#roll").click(function(){

    users = [];

    //var lines = $('textarea').val().split('\n');

    var lines = "Excepteur sint occaecat cupidatat non proident \n adipiscing elit, sed do eiusmod tempor incididunt".split('\n')

    if(lines.length < 2){

      $("#msgbox").slideToggle(100);

      setTimeout(function() {

          $("#msgbox").slideToggle(100);

      }, 3000);

      return false;

    }

    for(var i = 0;i < lines.length;i++){

      if(lines[i].length > 0){

        users.push(lines[i]);

      }

    }

    $("#roll").attr("disabled",true);

    var scrollsize = 0,

    diff = 0;

    $(loadout).html("");

    $("#log").html("");

    loadout.css("left","100%");

    if(users.length < 10){

      insert_times = 20;

      duration_time = 5000;

    }else{

      insert_times = 10;

      duration_time = 10000;

    }

    for(var times = 0; times < insert_times;times++){

      shuffled = users;

      shuffled.shuffle();

      for(var i = 0;i < users.length;i++){

        loadout.append('<td><div class="roller"><div>'+shuffled[i]+'</div></div></td>');

        scrollsize = scrollsize + 192;

      }

    }

    

    

    diff = Math.round(scrollsize /2);

    diff = randomEx(diff - 300,diff + 300);

    $( "#loadout" ).animate({

      left: "-="+diff

    }, 

包含的文字是

Excepteur sint occaecat cupidatat non proident

和

adipiscing elit, sed do eiusmod tempor incididunt

我尝试使用，<p style="word-break: break-word;"></p>但这不会中断

这是产生黑匣子的位置：

loadout.append('<td><div class="roller"><div>'+shuffled[i]+'</div></div></td>');