[英]Positioning loading indicator div at position irrespective of the screen size or resolution
[英]setting Position of Loading-indicator
我定義了一個加載指示器,並且該位置有一些問題。 我的問題是
當通過不同分辨率或屏幕尺寸的不同機器看到加載指示器時,請將其定位。 我該如何解決!
這是我的代碼:
<body class="loadPage">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div id="loadingLogo">
<asp:Image ID="Image1" runat="server" ImageUrl="Images/Logo.png" />
<hr class="line"/>
</div>
<div id="loadingIndicator" >
<syncfusion:WaitingPopup ID="WaitingPopup1" runat="server" CloseTimeOut="2000"
ClientObjectID="Popup1" PositionParent="Screen"
Width="250px" Height="50px" Alignment="MiddleRight"
InitiallyShown="True" DisableOnShowElementID="loadingIndicator">
</syncfusion:WaitingPopup>
</div>
</form>
您不寫您希望它定位的位置,但我建議您使用position:absolute; 或位置:固定; 參見http://www.w3schools.com/cssref/pr_class_position.asp
如果您希望它居中,則CSS可能類似於
#loadingIndicator {
position: absolute;
width: 200px;
left: 50%;
margin-left: -100px;
top: 10px;
}
左邊距應為負負的loadginIndicator寬度的一半。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.