Question

我这里有一个简单的网页表格

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1"  runat="server" >
    <div class="row">
        <asp:Label ID="Label1" runat="server" Text="Name: "/>
        <asp:TextBox ID="NameTextBox" runat="server"/>
    </div>

    <div class="row">
        <asp:Label ID="Label2" runat="server" Text="Address: "/>
        <asp:TextBox ID="AddressTextBox" runat="server"/>
    </div>

    <div class="row">
        <asp:Label ID="Label3" runat="server" Text="Mobile No.: "/>
        <asp:TextBox ID="MobileTextBox" runat="server"/>
    </div>
    </form>
</body>
</html>

我正在观看有关css的EJMedia教程，他创建了这个css并将表单转换为表格。

#form1 
{
    color: white;
    display: table;
    background-color: teal;
    border: solid 2px black;
}

.row {
    display: table-row;
}

.row label {
    display: table-cell;
    padding: 2px;
    color: white;
}

.row textarea {
    display: table-cell;
    padding: 2px;
}

编辑：

.row input{
        display: table-cell;
        padding: 2px;
    }

但问题是，表单没有像演示中那样对齐。当我使用asp控件时，EJMedia使用普通的html。有没有办法使用css对齐我的简单表单，还是我必须回到表格tr td标签，这使得它有点不可读？

asp.net无法让我的表格成为一张桌子

0 个答案: