Heim >Web-Frontend >CSS-Tutorial >Wie erstelle ich einen Textumbruch in einem TD-Element?

Wie erstelle ich einen Textumbruch in einem TD-Element?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-15 11:45:031015Durchsuche

How to Make Text Wrap in a TD Element?

Text umbrechen in Tag

Problem:

Sie möchten Text innerhalb einer Tabellenzelle (-Element) umbrechen, haben aber die Einstellung style="word- wrap: break-word;" width="15%" umbricht den Text nicht.

Antwort:

TD-Text umbrechen

Um effektiv umzubrechen Text innerhalb eines Element, folgen Sie diesen Schritten:

  1. Tabellenstil festlegen:

    table {
        table-layout: fixed;
    }

    Dadurch wird sichergestellt, dass die Tabellenbreite festgelegt ist, sodass der Text angezeigt werden kann Umbruch, ohne die Breite der Tabelle zu überschreiten.

  2. TD-Stil festlegen:

    td {
        word-wrap:break-word
    }

    Dies ermöglicht den Zeilenumbruch innerhalb der Tabellenzellen.

Durch Befolgen dieser Schritte können Sie Text innerhalb von umbrechen. Elemente auch bei eingeschränkter Zellenbreite.

Das obige ist der detaillierte Inhalt vonWie erstelle ich einen Textumbruch in einem TD-Element?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn