Nicht-CSS-Stil auf eine asp-label
Habe ich ein eigenartiges Ergebnis, wenn ich will einen meiner CSS-Stile für die asp-Etiketten. Stile haben tatsächlich nur partielle Wirkung, wie zum Beispiel solche Attribute wie background-color
und Farbe greift und die Breite und Höhe nicht. Ich verstehe nicht, warum.
ASP
<div id="wrap">
<div id="left" class="Tablestyle">
<asp:Label ID="Label1" runat="server" Text="Entry Number: " class="Tablestyle"></asp:Label>
<br /><div class="separator"> </div>
<asp:Label ID="Label3" runat="server" Text="ID Number: " class="Tablestyle"></asp:Label>
<br /><div class="separator"> </div>
<asp:Label ID="Label2" runat="server" Text="Type: " class="Tablestyle"></asp:Label>
</div>
<div id="Mid"> </div>
<div id="right">
<asp:Label ID="IdBox" runat="server" class="TableStyleInfo"></asp:Label>
<br /><div class="separator"> </div>
<asp:Label ID="IdNumBox" runat="server" class="TableStyleInfo"></asp:Label>
<br /><div class="separator"> </div>
<asp:Label ID="TypeBox" runat="server" class="TableStyleInfo"></asp:Label>
</div>
</div>
CSS
#wrap
{
width:555px;
margin:auto;
text-align:center;
}
#Mid
{
width:5px;
height:330px;
float:left;
background-color:White;
}
#right
{
width:400px;
float:left;
text-align:left;
background-color:Yellow;
}
#left
{
width:150px;
float:left;
text-align:right;
background-color:Green;
}
.separator
{
height:4px;
line-height:4px;
background-color:White;
}
.Tablestyle
{
width:150px;
height:20px;
text-align:right;
color:white;
font-weight:bold;
background-color:#507CD1;
}
.TableStyleInfo
{
width:400px;
height:20px;
text-align:left;
color:Black;
background-color:#EFF3FB;
}
Versuchte ich auch ändern class
zu CssClass
aber es passiert nichts genau das gleiche.
Ich wäre sehr dankbar, wenn jemand kann mir auf meine Fehler sind, oder mir einen Tipp geben warum kann ich nicht gelten width-und height-Eigenschaften.
- Ich habe einige Verbesserungen. Ich fügte
float:left
auf die Klasse anwendbar für asp-EtikettenTableStyle
undTableStyleInfo
. Jetzt itgets die richtige Breite, aberseparator
divs sind nicht sichtbar =(
Du musst angemeldet sein, um einen Kommentar abzugeben.
Einer
<asp:Label>
wandelt die html -<span>
element ist ein inline-element und hat keine Breite oder Höhe. Sie können erzwingen, indem Sie zu block-level-Elemente in css: