Fatal编程技术网

ASP.NET标签的对齐

asp.net css

ASP.NET标签的对齐,asp.net,css,Asp.net,Css,我创建了一个ASP.NET母版页，如下所示： <body class="MasterStyle"> <form id="frmMaster" runat="server"> <div> <asp:Label runat="server" Text="My Site Name" Font-Bold="true" Font-Names="MS-Sans" Style="text-align:right

我创建了一个ASP.NET母版页，如下所示：

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

<style type="text/css">
    .MasterStyle
    {
        width: 100%;
        background: aqua;
    }
样式定义如下：

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

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


.大师风格
{
宽度：100%；
背景：水；
}
问题是“我的站点名称”出现在页面的右侧站点之外（只是缺少了“e”）。有人知道为什么会发生这种情况吗？

因为文本对齐：对。
从样式中删除。

问题在于
正文
边距。因为边距占用了空间，而您正在使
标签
100%，所以它不考虑边距偏移量，因此您的文本会被该量覆盖

要修复它，只需将“.MasterStyle”更改为：

.MasterStyle 
{ 
    width: 100%; 
    background: aqua;
    margin: 0 0 0 0;
}
我已经测试过了，它解决了你的问题，但它确实消除了边距偏移，这使得东西与边缘之间没有很好的间距

如果您想进行更多更改，可以通过从
标签和
主样式中删除
宽度
属性，然后在
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" />



.MasterStyle
{ 
背景：水；
}



任何一种方法都可以，这取决于你是否需要边距。
试着用很少的像素添加填充。你为什么要在身体上设置100%的宽度，把它拿走如果我没有在样式上设置宽度，那么它就不会使用网页的全宽对不起。我误解了你的问题。所以只要把浮动：左；以你的风格。或者试试宽度：99%谢谢！最后，我只是将宽度减少到95%，这似乎解决了问题，并且让我仍然保持样式的宽度。