tableau Html largeur

Question

J'ai code comme ceci:

<table width="625px"> 
<tr style="background-color:#CCC; font-size:14px;"> 
    <td style="padding:8px; color:#333"><center><?=stripslashes($arr['signature']);?> </center></td> 
</tr>  

Si $arr['signature'] est une longue chaîne, comme ce gjuytfdcrtrfdscvythgfvtfdgtrfdvbgfvcfgbdc la largeur ne contribue pas et il va très large. Comment puis-je empêcher cela?

Answer 1

il existe plusieurs façons, dépend de ce que vous souhaitez faire. Si vous appliquez overflow:hidden, le texte survolé sera masqué. Vous pouvez utiliser overflow:scroll; à l'intérieur d'une div comme <td style="padding:8px; color:#333"><center><div style="overflow:scroll; width:625px;"><?=stripslashes($arr['signature']);?></div> </center></td> Cela va créer un défilement pour le texte de débordement, uniquement pour cette cellule (il est nécessaire de donner une largeur pour cette méthode).

Here un exemple pour le overflow:scroll;

Answer 2

Essayez:

<td style="width: 160px; max-width: 160px;"> 

ou

<td style="width: 160px; overflow-x: hidden;"> 

ou les deux ensemble.

Voir

http://www.highdots.com/forums/html/limit-width-table-cell-271764.html

Answer 3

Utilisez la propriété overflow:

<table width="625px" style="overfow: hidden;"> 

Answer 4

utiliser la propriété de style de débordement sur l'étiquette "td"

<td style="overflow-x: hidden;">your text here</td> 

Answer 5

Voir la section sur les largeurs de table dans les spécifications CSS2: http://www.w3.org/TR/CSS2/tables.html#width-layout

En gros, les tables choisiront le maximum de la largeur spécifiée et la somme des largeurs de leurs colonnes. Vous devez contraindre la largeur de la colonne, peut-être en définissant une largeur sur l'élément (vous devrez également choisir votre style de débordement ici).

Exemple:

<table width="625px"> 
    <tr style="background-color:#CCC; font-size:14px;"> 
     <td style="padding:8px; color:#333; width: 625px; overflow: hidden; text-align:center"><?=stripslashes($arr['signature']);?></td> 
    </tr>  
</table> 

(. Notez également que <center> a longtemps été dépréciée, s'il vous plaît utiliser la propriété CSS text-align)

Answer 6

Je me souviens avoir passé des heures à ce sujet. Utilisez la disposition de la table: style fixe.

<table style="width:625px;table-layout:fixed;overflow:hidden"> 

Chaque colonne prendra la taille de sa première cellule.