-2 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Menu.aspx.cs" Inherits="Menu" %>
<link rel="stylesheet" href="Styles/Menu.css" type="text/css" />

<!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 style="position:absolute; margin: 0px; width:100%; height:100%;">
<form id="form1" runat="server">
<div style="text-align:center">
    <p id="userID">User ID</p>
</div>
<br /><br />
<div id="content" style="text-align:center; position:relative;">
<asp:Button text="MS Walking Scale Test" runat="server" /><br />
<asp:Button Text="Get Results" runat="server"/>
 <asp:Button ID="Button1" style="top:80%; position:relative;" Text="LogOut" runat="server" />
</div>
</form>
</body>
</html>

页面截图

为什么我的按钮没有均匀居中？

4

1 回答 1

0

也许是因为 div 太短了？在这里寻找重现问题的尝试。1 按钮的默认样式应内联显示。由于按钮不能在一行上显示其完整尺寸，因此它们已损坏且未居中。您还应该将 text-align center 替换为更常见的对齐 div 中心的方法。和内联的按钮。

可以这样做

我建议您使用 css 而不是 style 属性。

于 2012-08-15T10:49:10.627 回答