內部元素的垂直對齊

我在<td> a <div>和一些文本中有兩個元素。我想將<div>頂部和文本到<td>的中間我該怎麼做？內部元素的垂直對齊

編輯：應該垂直頂部對齊，而不是div內的文本。

2010-09-08 Mayur

是否這樣？

<html> 
<body> 
    <table width="100%" height="100%" border="1"> 
     <tr> 
      <td><div style="text-align: center;">some text</div></td> 
     </tr> 
    </table> 
</body> 
</html>

...或者

<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>

記得設置車身高度，所以你可以在默認情況下看到的垂直居中

來源

2010-09-08 07:21:01

垂直對齊！並且文本在該div之外。 – Mayur 2010-09-08 07:23:53

默認情況下，文本在表格中垂直對齊，不需要valign =「center」，但是如果您喜歡，可以添加它:) – 2010-09-08 07:29:45

表中的任何文字垂直神韻：，不知道爲什麼你需要一個div。它很難獲得內容，一個div內垂直allign

來源

2010-09-08 07:25:27

試試這個：

<!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>

來源

2010-09-08 07:26:59

內部元素的垂直對齊

回答

相關問題