Wie kann ich ein Bild zentriert als ASP.NET Bildsteuerung zur Verfügung gestellt?

StackOverflow https://stackoverflow.com/questions/1240102

  •  11-09-2019
  •  | 
  •  

Frage

Die Frage ist ziemlich einfach. Ich habe eine <asp:Image>, die in einem <asp:Panel> lebt. Mein Ziel ist es, eine sehr einfach „Druckvorschau“ zu schaffen, in dem entweder links, Mitte oder rechts Ausrichtung ausgewählt ist. Die Platte stellt den vollen Druckbereich (ein Blatt von 8,5" x 11" Papier), und das Bild im Innern ist der Bereich, der tatsächlich gedruckt bekommen. Der vollständige Code ist dies: 

<asp:Panel ID="Panel2" runat="server"
    BackColor="Black"
    BorderStyle="Inset" 
    Width="425px"
    Height="550px" >
    <asp:Image runat="server" Height="425px" ImageAlign="" />
</asp:Panel>

Ich habe die ImageUrl Eigenschaft in der Code-behind, gibt es keine Probleme. Wenn ich das Bild der ganzen Weg nach links oder rechts ausgerichtet werden soll, kann ich nur ImageAlign="[Left|Right]" angeben. Allerdings habe ich finden konnte auf eine Art und Weise nicht zu Mitte das Bild in der Platte. Ich habe all die verschiedenen Imagealign Werte versucht, und keiner von ihnen scheint zu tun, was ich will. hier bin ich SOL? Wenn ich habe, kann ich die CSS-Klasse für das Bild oder Panel ändern, aber ich kann nicht herausfinden, etwas erfolgreich mit diesem Ansatz auch nicht.

War es hilfreich?

Lösung

Was ist, wenn Sie verwenden Panel Horizontalalign = "Center" Eigentum ....... 

<asp:Panel runat="server" ID="Panel2" HorizontalAlign="Center">
</asp:Panel>

Andere Tipps

in Ihrem Panel-Tag (die einen div Client-Seite wird) fügen Sie einfach dieses Attribut: 

CssStyle="text-align:center;"

Obwohl das alles innerhalb dieser Platte zentriert würde.

Vielleicht setzen nur die cssStyle des Bildes zu einem fest codierten linken Rand? Wenn Ihr Ziel ist eine feste Breite Druckvorschau ist, sollte dies in Ordnung sein.

Das Bedienfeld CSS Eigentum: 

CssStyle="alignCenter"

CSS: 

.alignCenter
{
    margin: 0 auto;
}

Sie können entweder inline Stylesheet oder externe Stylesheets verwenden, um dies zu erreichen und Ihren CSS-Code in sie fügen

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top