2012-08-15 2 views
-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> 

Screen shot of PageПочему мои кнопки выравнивания

Почему мои кнопки не равномерно по центру?

+3

Почему бы вам не включить фактический код с первого изображения? – codingbiz

+1

Где вы научились выравнивать элементы html, как это? Просто любопытно ... – nunespascal

+0

самообучение. Я и разработчик iOS в основном, но мне нужно построить этот самый простой сайт, и, разумеется, я немного ржавый. Поэтому любой вход, который у вас есть, очень ценится. – geminiCoder

ответ

0

Возможно, потому что div должен быть коротким? Look here для попытки воссоздания проблемы. 1 Стиль кнопок по умолчанию должен отображаться в строке. поскольку кнопки не могут отображать их полный размер на одной строке, они сломаны и отображаются нецентрально. Вы также должны заменить центр выравнивания текста для более общего подхода, который выравнивает центр div. и кнопки inline.

, что можно было бы сделать, как этот

Я предлагаю вам использовать CSS вместо атрибута стиля, хотя.

Смежные вопросы