2010-08-13 118 views
0

如下我已經創建了一個ASP.NET母版頁ASP.NET標籤的對齊方式

<style type="text/css"> 
    .MasterStyle 
    { 
     width: 100%; 
     background: aqua; 
    } 

的問題是,「我的網站名稱「出現在頁面右側的位置(只是錯過了」e「)。有誰知道爲什麼會發生這種情況?

+0

嘗試添加幾個像素的填充權利 – KhanS 2010-08-13 11:27:08

+0

爲什麼您將寬度設置爲100%,取而代之 – 2010-08-13 11:28:02

+0

如果我沒有在樣式上設置寬度,那麼它不會使用網頁的整個寬度 – 2010-08-13 11:43:12

回答

1

問題是body餘量。由於保證金佔用了空間,而且您正在製作100%,因此不會考慮保證金抵消情況,因此您的文本會被該金額推倒。

爲了解決這個問題,只是.MasterStyle改變`到:

.MasterStyle 
{ 
    width: 100%; 
    background: aqua; 
    margin: 0 0 0 0; 
} 

我測試了這一點,它解決您的問題,但它確實取出保證金抵消這使得事情沒有很好地從邊緣空間。

如果你想改變更可以從你Label.MasterStyle去除Width屬性,然後添加float: right風格的div保持利潤率。

.MasterStyle 
{ 
    background: aqua; 
} 

<body class="MasterStyle"> 
    <form id="frmMaster" runat="server"> 
     <div style="float: right"> 
      <asp:Label ID="Label1" runat="server" Text="My Site Name" 
       Font-Bold="true" Font-Names="MS-Sans" Style="text-align:right" /> 

無論哪種方式將工作,取決於您是否需要邊距。

+0

謝謝你!最後我把寬度減少到了95%,這似乎解決了問題,讓我仍然保持寬度與風格。 – 2010-08-13 19:37:52

0

由於文本對齊:正確。 從樣式中刪除。

+0

但是,如果我這樣做,那麼它不會再向右對齊? – 2010-08-13 12:19:19

+0

奧普抱歉。我錯誤地理解你的問題。 所以,只要把浮動:左;在你的.masterstyle中。或嘗試寬度:99% – Kadir 2010-08-13 12:26:51