Question

我在这里询问有关webforms的面板，我将进入登录页面。我真正想知道的是：

如何将白色面板放在屏幕中央？
如何根据浏览器界面进行最大化？

根据我的经验（虽然我真的是初学者）但我无法根据自己的需要在小组中安排项目。我不喜欢文本字段，按钮等的外观。怎么办？

我所做的是将面板（panel1）拖到屏幕上，然后在panel1中添加另一个面板（panel2）。我在问这个问题之前谷歌搜索它。但解决方案是make css，是真的吗？我在html / source页面尝试使用style="width 100%"等。但这不起作用。 Here is the picture

我真的需要你们的帮助。谢谢你。：）

Answer 1

CSS绝对是一种可行的方式，有助于最大限度地发挥作用，以及使用引导程序最适合的方式。

另外请记住在调整大小/定位时使用em而不是px，否则不同的会看起来不同。

快速举例：

margin-left: 50%;
left: -5em;

Answer 2

试试这个。中心的白色div。但是怎么说“@Monofuse”bootstrap更好。 http://getbootstrap.com/css/#grid-example-basic

    <head runat="server">
    <title></title>
    <style>
        .white {
            border: none; /*haven't border*/
            background-color: #fff; /*white background*/
        }

        .center {
            width: 50%; /* half of your screen. you can use too more percent */
            margin: 0px auto; /*auto center*/
            padding: 0px;
            text-align: center; /*text sort to center*/
        }
        .panel {
            border: 1px solid #000;
            padding: 10px;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
<asp:Panel runat="server" CssClass="panel">  
        <asp:Panel ID="Panel1" runat="server" CssClass="white center"></asp:Panel>

        </asp:Panel>
    </div>
    </form>
</body>
</html>

Answer 3

以下是基于this CSS tutorial的示例：

截图：

AcCode      AcTitle  

1       Hussain Mills Limited  
2       Nishat Chunian Limited  
3       Nishat Mills Limited  
4       MCB Bank Limited  
5       Allied Bank Limited

C＃webforms - 如何在屏幕中央制作面板

3 个答案: