Brechen Linie in

Question

Also, ich zeige eine Tabelle aus meiner Datenbank zu meiner Ansicht.

@model IEnumerable<test1.Models.Malfunction> 
@{ 
ViewBag.Title = "Malfunctions"; 
} 

<h2>Malfunctions</h2> 

<table id="customers" class="table table-bordered table-hover"> 
<thead> 
    <tr> 
     <th>ID</th> 
     <th>Description</th> 
     <th>Date Reported</th> 
     <th>Customer</th> 
     <th>Movie</th> 
    </tr> 
</thead> 
<tbody> 
    @foreach (var malfunction in Model) 
    { 
     <tr> 
      <td>@malfunction.Id</td> 
      <td>@malfunction.ReportDescription</td> 
      <td>@malfunction.DateReported</td> 
      <td>@malfunction.Customer</td> 
      <td>@malfunction.Movie</td> 
     </tr> 
    } 
</tbody> 
</table> 

Diese Eigenschaft:

eine große Menge an Text enthalten kann, die, wenn sie zu lange die nächste Eigenschaft in Zeile überlappen, die ist:

<td>@malfunction.DateReported</td> 

Was ich tun möchte, unterbricht die Zeile, nachdem die Breite der Zelle erreicht wurde, sodass sie sich nicht mit dem Text in DateReported überschneidet.

Answer 1

Anzahl:

td { 
    word-break: break-all; 
} 

Fiddle