So umbrechen Sie Text in einer Tabellendatenzelle (

So brechen Sie Text in einer Tabellendatenzelle () mit begrenzter Breite um

Beim Versuch, Text in einer

umzubrechen ;td> Element mit begrenzter Breite funktioniert es möglicherweise nicht wie erwartet. Dieser Artikel soll eine Lösung für dieses Problem bieten.

Problem:

Der Benutzer möchte Text in ein

umbrechen. Element, aber es wird nicht umbrochen, obwohl „word-wrap: break-word;“ verwendet wird. Stil und eine Breite von 15 %. Der Benutzer muss eine Möglichkeit finden, den Text umzubrechen und gleichzeitig die begrenzte Breite beizubehalten.

Lösung:

Um Text in ein

Element mit begrenzter Breite ist es notwendig, sowohl die Tabelle als auch zu ändern. Stile des Elements:

1. Tabellenstil:

   • Fügen Sie der Tabelle das folgende CSS hinzu:

     table {
         table-layout: fixed;
     }

   Dadurch wird ein festes Layout für die Tabelle festgelegt, sodass die begrenzte Breite des

   Element, das erzwungen werden soll.

2. Stil:

   • Fügen Sie das folgende CSS zum

     hinzu. Element:

     td {
         word-wrap: break-word;
     }

     Dies ermöglicht den Textumbruch innerhalb des

     Element.

     Durch die Implementierung dieser Stiländerungen wird der Text innerhalb des

     -Elements umbrochen. Element unter Einhaltung der Breitenbeschränkung von 15 %.

Das obige ist der detaillierte Inhalt vonSo umbrechen Sie Text in einer Tabellendatenzelle (. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!