2011-08-16 62 views
0

我正在開發一個使用IE6的asp.net應用程序。我需要在面板內插入一個鏈接按鈕,使鏈接應位於面板的中心(水平和垂直)。我使用下面的代碼如何在asp.net中的面板中心創建鏈接按鈕?

<table> 
      <tr> 

       <td> 
        <asp:Panel ID="panel1" runat="server" CssClass="panelCss"> 

         <asp:LinkButton ID="LintButton_SubmitRequst" runat="server" 
         CssClass="linkbuttonCss"> Submit Request 
         </asp:LinkButton> 

        </asp:Panel> 


       </td> 


      </tr> 
     </table> 

CSS:

.panelCss 
{ 
background-color:#5483C6; 
height:50px; 
width: 100px; 
text-align:center; 
vertical-align: middle; 

} 

.linkbuttonCss 
{ 
color: Black; 
font-size: large; 
vertical-align: middle; 
font-size: 10px; 
} 

鏈接按鈕始終停留在面板的頂部位置。有人可以告訴如何將其置於中心(水平和垂直)嗎?

回答

0

由於您的面板有一個固定的高度,你可以使用填充:

.panelCss 
{ 
background-color:#5483C6; 
height:50px; 
width: 100px; 
vertical-align: middle; 
padding-top: 20px; 
} 

我沒有IE6在手進行測試。這是。我只是想知道爲什麼針對這款瀏覽器

有關更多信息vertical-align

0
<table> 
      <tr> 

       <td Class="panelCss"> 

<asp:Panel ID="panel1" runat="server"> 

         <asp:LinkButton ID="LintButton_SubmitRequst" runat="server" 
         CssClass="linkbuttonCss"> Submit Request 
         </asp:LinkButton> 
</asp:Panel> 




       </td> 


      </tr> 
     </table> 

將panelCss移動到表格的td元素。

相關問題