62,046
社区成员
发帖
与我相关
我的任务
分享VS2015的WebForm中自带的Login控件如何居中
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
html, body {
height: 100%;
overflow: auto;
}
</style>
</head>
<body>
<div style="text-align: center">
<table style="height: 100%; width: 100%;">
<tr>
<td style="text-align:center;">
<form id="form1" runat="server">
<asp:Login ID="Login1" runat="server"></asp:Login>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
qq_26801941 2017-04-09
- 打赏
- 举报
现在是这样的
qq_26801941 2017-04-09
- 打赏
- 举报
只能这样来解决了，达到效果就行.非常感谢sp1234版主！
<table style="height: 100%; width: 100%;">
<tr>
<td style="width:500px;">
</td>
<td style="text-align:center;">
<form id="form1" runat="server" >
<asp:Login ID="LoginUser" runat="server" OnAuthenticate="LoginUser_Authenticate" BackColor="#F7F7DE" BorderColor="#CCCC99" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="10pt" >
<TitleTextStyle BackColor="#6B696B" Font-Bold="True" ForeColor="#FFFFFF" />
</asp:Login>
</form>
</td>
</tr>
</table>
以专业开发人员为伍 2017-04-09
- 打赏
- 举报
既然你使用 <table>，那么就在 body 里边写个 table 就可以了。此时不要写 <div>。
以专业开发人员为伍 2017-04-09
- 打赏
- 举报
你的 <div style="text-align: center; width: 300px;"> 根本不居中。这个 div 里边写什么都一样。
qq_26801941 2017-04-09
- 打赏
- 举报
都试过了，没用，请看代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
html, body {
height: 100%;
overflow: auto;
width: 305px;
}
</style>
</head>
<body style="text-align:center">
<div style="text-align: center; width: 300px;">
<table style="height: 100%; width: 300px; text-align: center">
<tr style="text-align:center">
<td style="text-align:center;">
<form id="form1" runat="server" >
<asp:Login ID="LoginUser" runat="server" OnAuthenticate="LoginUser_Authenticate" BackColor="#F7F7DE" BorderColor="#CCCC99" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="10pt" >
<TitleTextStyle BackColor="#6B696B" Font-Bold="True" ForeColor="#FFFFFF" />
</asp:Login>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>
以专业开发人员为伍 2017-04-09
- 打赏
- 举报
你的所谓的 “login控件”应该已经在 table 中居中了，所以问题根本不在 table 内部。问题出在table 的外层，实际上 div 本身根本布局中。
以专业开发人员为伍 2017-04-09
- 打赏
- 举报
你其实可以把 table 的 border 设置为1，就能看出 bug 出在哪一层了。
qq_26801941 2017-04-09
- 打赏
- 举报
版主能否做个实例出来？非常感谢！
qq_26801941 2017-04-09
- 打赏
- 举报
已经放在div中了
<div style="text-align: center">
<table style="height: 100%; width: 100%;">
<tr>
<td style="text-align:center;">
<form id="form1" runat="server">
<asp:Login ID="Login1" runat="server"></asp:Login>
</form>
</td>
</tr>
</table>
</div>
threenewbee 2017-04-08
- 打赏
- 举报
放在一个div里，div设置居中
