• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] neuer Zeilenumbruch in zu langem Text in td

Status
Für weitere Antworten geschlossen.
A

alexander11

Neues Mitglied
Servus,

Enthält ein <td> in einer table zu viele Zeichen, wird die Breite der Spalte automatisch erweitert. So läuft es zumindest bei meinem Code gerade ab, der seinen Inhalt aus einer SQL-Tabelle bezieht.

Gibt es eine Möglichkeit, dass die Zelle die Breite beibehält und einen automatischen Zeilenumbruch macht, wenn der Text den Rand der Spalte erreicht? Somit würde sich maximal die Höhe der Zelle erhöhen.

mit freundlichen Grüßen und bestem Dank,
Alex
 
Werbung:
Hallo

Du musst der Spalte mittels CSS nur eine feste Breite geben.

Für genauere Angaben benötigen wir einen Link zu der Seite.

Gruss

MrMurphy
 
Zuletzt bearbeitet:
Werbung:
Das mit der maximalen Breite, wie funktioniert das?

wenn ich per css/style die Breite angebe wird die Spalte trotzdem automatisch größer
 
Hallo

Das mit der maximalen Breite, wie funktioniert das?
Zum Vergrößern anklicken....

Das funktioniert leider nicht. Deshalb habe ich den Satz auch aus meiner Antwort gelöscht. Die Breite von Tabellenspalten können nur mit width bestimmt werden. Da Tabellen nur für Tabellendaten erlaubt sind brauchen sie nicht so viele CSS-Möglichkeiten wie andere Container.

Gruss

MrMurphy
 
Probier mal
Code: 
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>Tabelle</title>
<style type="text/css">
* {
 margin:0;
 padding:0;
 box-sizing: border-box;
}
table {
 width:100%;
 border-collapse:collapse;
 background:#fff;
 border:none;
}
td , th {
 max-width:1px;
 width:1%;   
 padding:10px;
 vertical-align:top;
 text-align:left;
 word-wrap:break-word;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
}
</style>
</head>
<body>
<table>
 <thead>
  <tr>
  <th>ID</th>   
  <th>Ferienorte</th>   
  <th>Hotel</th>
  <th>Preise in €uro</th>
  </tr>
 </thead>

 <tbody>
  <tr>
  <td>1</td>   
  <td>Olhos de start</td>   
  <td>RIU Guarana</td>
  <th>ab 340 €</th>
  </tbody>
</table>
</body>
</html>
 
Werbung:
Habe die Antwort vor zwei Minuten nun auch selbst gefunden.

word-wrap:break-word;
Das war das Stichwort. Mehr braucht es nicht mal.

Danke für die Hilfen und sorry fürs unzureichende googeln. :p
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben