J'ai deux éléments dans <td> un <div> et un peu de texte. Je voudrais aligner <div> en haut et le texte au milieu de <td> Comment puis-je faire cela? Editer: Le recto doit être aligné verticalement et non le texte à l'intérieur de div.Alignement vertical des éléments internes
Comme ça?
<html>
<body>
<table width="100%" height="100%" border="1">
<tr>
<td><div style="text-align: center;">some text</div></td>
</tr>
</table>
</body>
</html>
... Ou
<html>
<body>
<table width="100%" height="100%" border="1">
<tr>
<td align="center"><div style="text-align: left;">div text</div>some text</td>
</tr>
</table>
</body>
</html>
Rappelez-vous de régler la hauteur du corps de sorte que vous pouvez voir par défaut du texte dans une table est verticale alligned le centrage vertical
, ne sais pas pourquoi vous besoin d'un div là-bas. Il est très difficile d'obtenir du contenu à allign verticalement à l'intérieur d'un div
essayez ceci:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<style type="text/css">
html,body,h1,h2,h3,h4,h5,p,ul,li,form,button { margin:0; padding:0 }
body { font:normal 62.5% tahoma }
.my-table { height:300px }
.my-cell { position:relative; border:1px solid green }
.my-div { position:absolute; top:0; left:0; border:1px solid red }
</style>
</head>
<body>
<table class="my-table">
<tr>
<td class="my-cell" align="center">
<div class="my-div">
I'm aligned to the top
</div>
This text is vertically centered.
</td>
</tr>
</table>
</body>
</html>
alignement vertical! et le texte est en dehors de ce div. – Mayur
Par défaut, le texte est aligné verticalement dans une table, pas besoin de 'valign =" center "' mais ajoutez-le si vous le souhaitez par tous les moyens :) –