2010-04-17 4 views
15

J'ai un tableau HTML. Il se présente comme suit:HTML aligner les lignes du tableau en haut

<table> 
    <tr> 
     <td>Content one</td> 
     <td rowspan="2"> Very long content right</td> 
    </tr> 
    <tr> 
     <td>Content two</td> 
    </tr> 
</table> 

Comme vous le voyez, j'ai un peu un contenu très long sur le côté droit de la table, en fait, il est si longtemps qu'il ne rentre pas dans quelle hauteur est donnée par les lignes de la table , et ainsi la table devient plus haute, et en faisant cela, le contenu un et deux ne sont plus au sommet de la table, mais se répartissent sur toute la hauteur. Comment puis-je les empêcher de faire cela?

EDIT: Ce dont j'ai besoin, ce n'est pas le contenu à aligner en haut, mais les lignes elles-mêmes.

+0

pusse réponse à cette question résoudre votre problème: http://stackoverflow.com/questions/2390589/multi-row-tables-always-vertically-center-content/2390685#2390685 –

+0

BalusC a la réponse à votre question comme vous l'avez formulé, arik-so. Pouvez-vous dessiner? Utilisez Paint et dessinez un petit cadre métallique de ce dont vous avez besoin. –

Répondre

8

Fait intéressant, Noone a encore la bonne réponse, donc je Je saute pour clore cette question de manière satisfaisante.

Ce dont vous avez vraiment besoin est la propriété CSS valign='baseline' pour aligner les premières lignes de texte des éléments <td>.

td { 
    vertical-align: baseline; 
} 
+0

Niiice ... pourquoi seulement 5 arcs-en-ciel quand l'autre répond à 26? tu devrais en avoir plus. – Andrew

-3
<td valign='top' > 
-3

Vous pouvez utiliser l'option de défilement interne div sans perturber la hauteur de la page.

+0

Votre réponse n'a rien à voir avec la question. –

27

Le style est normalement à faire avec CSS. Vous devez définir la propriété CSS vertical-align de l'élément td sur top.

td { 
    vertical-align: top; 
} 
+0

Cela n'aide pas vraiment. De cette façon, le texte dans les données de la table est aligné en haut, mais il n'aligne pas les lignes de la table en haut. – arik

+1

Je pense que vous devez reformuler le problème. – BalusC

+0

Oui, je suis désolé. Je l'ai fait dans le montage. – arik

0

si vous voulez TD être aligné en haut, vous devez définir le alignement vertical du TR dans le CSS pas le TD

Questions connexes