-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 ボタンのデフォルト スタイルでは、インラインで表示する必要があります。ボタンは 1 つの行にフル サイズで表示できないため、ボタンが壊れて中央に表示されません。また、div の中心を揃えるより一般的なアプローチでは、text-align center を置き換える必要があります。ボタンはインラインです。

それはこのように行うことができます

ただし、style 属性の代わりに css を使用することをお勧めします。

于 2012-08-15T10:49:10.627 に答える