none
控件布局 RRS feed

  • 问题

  • 在界面中添加一table,3行3列,在table的每个单元格中添加一imagebutton控件,然后令单元格内容居中,在设计器中看到imagebutton控件确实居中,但是一运行控件就靠左对其了,初学者,请指教
    2008年12月29日 11:09

答案

  • 不知道你的代码是怎样的,如果是三行三列的话,可以在每个td标签中写入一些CSS样式标签

     

    style="text-align:center"

     

    另外,VS编写界面是有些不太容易,如果是初学者更是如此,而对于那些熟练的人来说,用记事本写也没问题。我一般直接在代码写,不用VS自带的编辑器。

     

    2008年12月29日 15:42
    版主
  •  

    你自己检查一下代码,实在找不到原因,就是用style样式表来控制。具体方法是先设置imagebutton的cssClass,然后在样式表中定义.imagebuttoncssClass{text-align:center};

     

    2008年12月30日 1:24
  • <table width="100%" style="text-align: center">

    改成

    <table style="text-align: center">


    你的td设置了 width:100px,3个td加起来,不可能等于浏览器的宽度,所以是矛盾的,要么去掉一个,要么设置

    <table  style="text-align: center;width:300px">
    2008年12月30日 1:42
    版主

全部回复

  •  

     这个得看你的aspx代码
    2008年12月29日 12:38
    版主
  • 不知道你的代码是怎样的,如果是三行三列的话,可以在每个td标签中写入一些CSS样式标签

     

    style="text-align:center"

     

    另外,VS编写界面是有些不太容易,如果是初学者更是如此,而对于那些熟练的人来说,用记事本写也没问题。我一般直接在代码写,不用VS自带的编辑器。

     

    2008年12月29日 15:42
    版主
  •  

    你自己检查一下代码,实在找不到原因,就是用style样式表来控制。具体方法是先设置imagebutton的cssClass,然后在样式表中定义.imagebuttoncssClass{text-align:center};

     

    2008年12月30日 1:24
  • 我的代码如下:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ManageList.aspx.cs" Inherits="ManageList" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>管理主界面</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <br />
        <div style="text-align: center">
          
            <table width="100%" style="text-align: center">
                <tr>
                    <td colspan="3" style="text-align: center">
                        <span style="font-size: 32pt; color: #6600cc; font-family: 微软雅黑">
                            <br />
                            内勤管理系统<br />
                            <br />
                        </span></td>
                </tr>
                <tr>
                    <td style="width: 100px; text-align: center;" align="center">
                        &nbsp;<asp:ImageButton ID="BookManagement" runat="server" Height="100px" ImageAlign="Middle"
                ImageUrl="~/1371.bmp" Width="120px" BackColor="Transparent" BorderColor="White" ForeColor="Transparent" /></td>
                    <td style="width: 100px; text-align: center;" align="center">
                        &nbsp;
            <asp:ImageButton ID="CDManagement" runat="server" Height="100px" ImageAlign="Middle"
                ImageUrl="~/1369.bmp" Width="120px" /></td>
                    <td style="width: 100px; text-align: center;" align="center">
                        &nbsp;<asp:ImageButton ID="MaterielManagement" runat="server" Height="100px" ImageAlign="Middle"
                ImageUrl="~/480_s.bmp" Width="120px" /></td>
                </tr>
                <tr>
                    <td style="width: 100px; text-align: center;">
                        <asp:LinkButton ID="LinkButtonBook" runat="server">图书管理</asp:LinkButton></td>
                    <td style="width: 100px; text-align: center;" align="center">
            <asp:LinkButton ID="LinkButtonCD" runat="server">工具光盘管理</asp:LinkButton></td>
                    <td style="width: 100px; text-align: center;" align="center">
                        &nbsp;<asp:LinkButton ID="LinkButtonMaterial" runat="server">物料管理</asp:LinkButton></td>
                </tr>
                <tr>
                    <td style="width: 100px; text-align: center;" align="center">
            <asp:ImageButton ID="FileManagement" runat="server" Height="100px" ImageUrl="~/1022_s.bmp"
                Width="120px" /></td>
                    <td style="width: 100px; text-align: center;">
                        &nbsp;<asp:ImageButton ID="ItemFileManagement" runat="server" Height="100px" Width="120px" ImageUrl="~/480_s.bmp" /></td>
                    <td style="width: 100px; text-align: center;" align="center">
            <asp:ImageButton ID="ImageButton1" runat="server" Height="100px" ImageUrl="~/1371.bmp"
                Width="120px" /></td>
                </tr>
                <tr>
                    <td style="width: 100px; text-align: center;" align="center">
                        &nbsp;<asp:LinkButton ID="LinkButtonFile" runat="server">文件管理</asp:LinkButton></td>
                    <td style="width: 100px; text-align: center;" align="center">
                        &nbsp;<asp:LinkButton ID="LinkButtonItem" runat="server">项目档案管理</asp:LinkButton></td>
                    <td style="width: 100px">
                        &nbsp;<asp:LinkButton ID="LinkButtonOther" runat="server">其它管理</asp:LinkButton></td>
                </tr>
                <tr>
                    <td align="center" colspan="3" style="text-align: center">
                        <span style="font-family: 微软雅黑">
                            <br />
                            <br />
                            <br />
                            <br />
                            Asp学习</span></td>
                </tr>
            </table>
            <br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
        </form>
    </body>
    </html>

     

    2008年12月30日 1:29
  • <table width="100%" style="text-align: center">

    改成

    <table style="text-align: center">


    你的td设置了 width:100px,3个td加起来,不可能等于浏览器的宽度,所以是矛盾的,要么去掉一个,要么设置

    <table  style="text-align: center;width:300px">
    2008年12月30日 1:42
    版主