C# ASP.NET面板忽略样式，直到加载到浏览器中

我正在开发一个应用程序，在这个应用程序中，我希望根据需要的文本框数量，在页面加载时将文本框动态加载到面板中

我曾使用javascript/jquery对divs执行此操作，但我已决定切换到将此过程编码为C#。如果这是个坏主意，请告诉我

问题在于在设计视图中，我有24个面板，一类是grid_1（我使用的是960网格系统，有24列。我永远不需要超过24个面板，所以我决定将面板硬编码到页面中）。但是，与div不同，这些面板在浏览器中渲染之前会忽略样式设置

以下是它们在Visual Studio 2012中的外观：

这看起来很糟糕，因为有24个这样的笨蛋，而且完全不可能在网络浏览器中看到它

我的代码：

<div id="myid">
            <div class="container_24" id="myid">
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
                <asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>
            </div>
        </div>

我应该停止使用面板，切换回javascript并在客户端完成所有工作，还是应该继续做我正在做的事情，因为有一个我不知道的明显的修复，这是非常好的编码实践

---

-谢谢

使用服务器端

CssClass

服务器端属性而不是

class

属性。即代替

<asp:Panel class="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>

使用

---

这只是一种预感，但我认为在这种情况下，

class

被视为通用HTML元素属性，在整个页面呈现后处理，而CssClass是服务器端属性（尽管它仍然呈现为

class

属性）立即生效

在您的页面中，您在哪里引用样式表？在标题中，我引用了

好的，如果不使用

那该怎么办！你能解释为什么吗？试着在回答中解释
<asp:Panel CssClass="grid_1 measurementTextBoxContainer" runat="server"></asp:Panel>