Wie kann man Tabellenzellen dazu bringen, Inhalte in HTML einzuschließen?

Behebung des Problems beim Umbrechen von Tabellenzellen

In HTML wird der Inhalt von Tabellenzellen () normalerweise nicht standardmäßig umbrochen. Um den Umbruch zu erzwingen, müssen wir die CSS-Stile ändern.

Lösung:

Um sicherzustellen, dass der Inhalt von Tabellenzellen umbrochen wird, fügen Sie die folgenden Stile hinzu:

• CSS für Tabelle: Tabellenlayout festlegen: behoben; auf dem Tabellenelement, um Spaltenbreiten zu definieren und zu verhindern, dass Inhalte gestreckt werden.
• CSS für Tabellenzellen: Zeilenumbruch anwenden: break-word; um lange Wörter innerhalb von Zellen zu unterbrechen.

Codebeispiel:

<code class="css">table {
  border-collapse: collapse;
  table-layout: fixed;
  width: <table_width>;
}

table td {
  border: 1px solid #ccc;
  width: <td_width>;
  word-wrap: break-word;
}</code>

Beispiel-HTML:

<code class="html"><table>
  <tr>
    <td>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>
    <td>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</td>
  </tr>
</table></code>

Durch die Anwendung dieser CSS-Regeln wird der Inhalt der Tabellenzellen umbrochen und eine Dehnung vermieden. Darüber hinaus stellt die Festlegung der Tabellen- und Zellenbreite sicher, dass der Inhalt in die definierten Abmessungen passt.

Das obige ist der detaillierte Inhalt vonWie kann man Tabellenzellen dazu bringen, Inhalte in HTML einzuschließen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!