Question

<%@ 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>

Screen shot of Page

为什么我的按钮不能均匀居中？

Answer 1

也许是因为div很短？ Look here尝试重新创建问题。1 默认的按钮样式应该以内联方式显示它们。因为按钮不能在一行上显示它们的全尺寸，所以它们被打破并且看起来没有中断。您还应该将text-align center替换为对齐div中心的更常用方法。和内联按钮。

可以这样做

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

为什么我的按钮不对齐

1 个答案: