CSS表格佈局

Question

爲什麼在表中的內容似乎從center.How開始，使其從地方開始行開始

<table style="table-layout:fixed;width:100%;" border="1" cellpadding="0" cellspacing="0" class="main_table" id="main_table"> 

    <tr> 
        <td width="20%" height="70px" align="center" id="plugins" class="step step1 clickable" step="1" onclick="javascript:getresource('1','0');"> 
         <font color="blue">Plugins</font> 
        </td> 
         <td rowspan="5" width="80%" height="100%" align="center" ><br> 
          <div id="status" class="msg" style="display:none"><br></div> 
          <div id="header_msg" height="100%" align="center"></div> 
          <div id="contents" height="100%"></div> 
          </td> 
        </tr> 

</table> 

Answer 1

刪除「ALIGN =‘中心’」來自TD的和第二格，如果你想要的數據在頂部開始該單元格將「valign =」top「'添加到tr中即：

<table style="table-layout:fixed;width:100%;" border="1" cellpadding="0" cellspacing="0" class="main_table" id="main_table"> 

    <tr valign="top"> 
        <td width="20%" height="70px" id="plugins" class="step step1 clickable" step="1" onclick="javascript:getresource('1','0');"> 
         <font color="blue">Plugins</font> 
        </td> 
         <td rowspan="5" width="80%" height="100%"><br> 
          <div id="status" class="msg" style="display:none"><br></div> 
          <div id="header_msg" height="100%"></div> 
          <div id="contents" height="100%"></div> 
          </td> 
        </tr> 

</table> 

Answer 2

除了臃腫的使用內嵌的CSS，HTML表格的佈局和不那麼受歡迎的標籤，我猜這是...

align="center" 

..以集中您的內容。嘗試用「左」代替它。不要認爲，雖然這樣做的CSS方式：

text-align: left; 

Answer 3

使用vertical-align:top